Possible have matrix rows collapsed by default in the Control Panel?

Question

Is it possible to have all Matrix rows in the Control Panel entry be in the collapsed state by default?

Thanks. Lori

Bob Olde Hampsink · Accepted Answer · 2015-06-18 16:58:14Z

8

Inject this piece of JS in your CP and they will always be closed by default:

$('.matrixblock').each(function() {
    $(this).addClass('collapsed');
    Craft.MatrixInput.rememberCollapsedBlockId($(this).data('id'));
});

answered Jun 18 '15 at 11:55

Bob Olde Hampsink

1,1337 silver badges26 bronze badges

Great to hear! What file do I add that code into?
– Lori
Jun 18 '15 at 15:22
1

Its best to create a new plugin for it and make the init() function include the js. I've created a gist that should set you up: gist.github.com/boboldehampsink/6bb9e5296977a99c39b1
– Bob Olde Hampsink
Jun 18 '15 at 16:57
2

Or you could just use CP JS ;)
– Lindsey D ♦
Jun 18 '15 at 20:44
I can't get this working with CP JS in Craft 2 — the class is being appended but the field is still open... looks like the style needs to be changed too? [EDIT: maybe it's because the matrix field is inside a Supertable?]
– James Greig
Apr 20 '18 at 16:17
This would be handy to have just as a setting in the fieldtype.
– Andy
Sep 17 '18 at 14:32

| Show 1 more comment

Shift2Design · Accepted Answer · 2015-06-17 19:52:49Z

2

answered Jun 17 '15 at 19:52

Shift2Design

5123 silver badges9 bronze badges

While its true that this doesn't come out of the box, it easily can be done.
– Bob Olde Hampsink
Jun 18 '15 at 17:46

Add a comment |

2 Answers 2