Forum

Thread tagged as: Question

Possible to group inputs?

There are some checkboxes which belong together so I'd like them to appear that way in the CMS visually if that's possible, sort of like a <fieldset>. Not only would it look slightly better, it would also be usefull if I can use one order="#" to move the entire group of checkboxes instead of one order="#" per checkbox.

Right now if got them like this:

    <perch:if exists="progress_25">
        <div class="m-progress-label m-progress-label--one-quarter">
            <perch:blog id="progress_25" type="checkbox" label="Progress 25%" value="25%" divider-before="Progress markers" />
        </div>
    </perch:if>

    <perch:if exists="progress_50">
        <div class="m-progress-label m-progress-label--one-half">
            <perch:blog id="progress_50" type="checkbox" label="Progress 50%" value="50%" />
        </div>
    </perch:if>

    <perch:if exists="progress_75">
        <div class="m-progress-label m-progress-label--three-quarters">
            <perch:blog id="progress_75" type="checkbox" label="Progress 75%" value="75%" />
        </div>
    </perch:if>

    <perch:if exists="progress_100">
        <div class="m-progress-label m-progress-label--finish">
            <perch:blog id="progress_100" type="checkbox" label="Progress 100%" value="end" />
        </div>
    </perch:if>
Sjoerd ter Haar

Sjoerd ter Haar 0 points

  • 4 years ago
Drew McLellan

Drew McLellan 2638 points
Perch Support

Yes, dividers are the tool to do that.

Thought so, moving the group of checkboxes by adjusting one order attribute would still be nice, but reordering shouldn't be a thing you'd do on a regular basis anyways.