Start a new topic

Checkbox Layout in a form

In a form, the layout and format of a checkbox is different when authoring mode verses browsing mode.  Does anyone have any suggestions how to get the look and feel of the checkbox when in browsing mode to look like it does in authoring mode?  See the two images below.  I would like the actual checkbox to reside on the right side of the column and the label to be on the left(first image is authoring mode).  The label in authoring mode also has a different topography and doesn't change when updating the label topography.  Also, the label doesn't seem to be limited by a "Label Width".


I would like my second image(browsing) to look like the first image(authoring).

image

image

Here are the properties of my checkbox.

image




Attached the screenshots

Hello Matthew,


Don't know what happened here, clearing cache of my browser allowed me to get your images :)


Your question is now more clear for me, you'd like to know what is possible to do to match the display layout of checkbox with the authoring layout.


What is currently possible is to align the label to the left, for that you'll need to switch the property "Alignment" to "Left".

Furthermore, you can update the "typography" property. I'll let you evaluate, but for example body-2 looks more like the authoring font than the default body-1.


Hope this helps.

Have a good day.

Alexia

Login to post a comment