@KK recently pushed an update to type 'row' which lets rows collapse -
- collapsed='1'
- 2018-11-28-003.png (9.55 KiB) Viewed 10915 times
- collapsed='0'
- 2018-11-28-002.png (13.92 KiB) Viewed 10915 times
It only needs adding the
collapsed parameter to the row's definition (the value could be either '0' or '1' to set the initial state) e.g.
- Code: Select all
<cms:editable name='row' type='row' order='1' label='Advanced' collapsed='1' >
<cms:editable label='Origin' name='car_origin' type='text' class="col-xs-4"/>
<cms:editable label='Drivetrain' name='car_drivetrain' type='text' class="col-xs-4"/>
<cms:editable label='Cylinders' name='car_cylinders' type='text' class="col-xs-4" />
</cms:editable>
It is useful for rows nested inside already collapsible 'group' (to have two levels of collapsible content) but these could be used as standalone regions also as a (visually) lighter alternative to 'group'.
I tested this update and personally find it pretty neat - a quick solution to wrap some editables in a row to have them collapsed, while I am working on other fields. A piece of advice here is to add classes (col-*) at the last possible step, after all juggling with editables completed. It will keep the fields stacked, but easy to move around without breaking layout.
To use this cool feature, update your CouchCMS to the latest build - CouchCMS Version 2.2.beta (
20181125).
https://github.com/CouchCMS/CouchCMS/archive/master.zip