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

10

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, 2015 at 11:55

Bob Olde Hampsink

1,1737 silver badges27 bronze badges

Great to hear! What file do I add that code into?
– Lori
Jun 18, 2015 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, 2015 at 16:57
3

Or you could just use CP JS ;)
– Lindsey D ♦
Jun 18, 2015 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, 2018 at 16:17
This would be handy to have just as a setting in the fieldtype.
– Andy
Sep 17, 2018 at 14:32

| Show 1 more comment

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

2

answered Jun 17, 2015 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, 2015 at 17:46

Add a comment |

2 Answers 2