Description

We want to right-align a checkbox on the form. Our foundation version responds buggy in this situation. Initially, when I right align the label - the checkbox moves to the right side of the area. But when I switch views, the checkbox is against aligned on the left. Also after we deploy, the checkbox is on the right.

We are currently revamping our forms by including CSS - but also via CSS I am not able to get this to work. If you can either provide us a fix for Composer, or a piece of CSS code that can work, you'll make me a happy man. Thanks!

Applies To

12x

Solution/Immediate Workaround

This can be achieved using the below CSS format.

In order to get the correct element; Launch Form press F12; then click on console.

Now look for the element you would like to align in this scenario it is Checkbox; get the element number (see screenshot below).Copy the element and go back to Composer.

In Composer - Click on Edit CSS and add the below code

#frm_element_XXX { text-allign : right ;

}

As shown in screenshot below; for each element the id need to be found and added in the solution.

If you would like to move the whole Group to right then below code can be applied.

.form-sub-label-container {
text-align: right;
}