Changing the alignment of the fields

Modeling
,
1

from @marcus-sharp-fjord

Quick question, is there a way of changing the alignment of the fields using A12? For example, the field type number is by default aligned at the right side inside the input box but I want it to go to the left side (image shows example with text field)
27bc5a33-b638-49a3-9dc0-368efb666ed4

2

from @eva-solid-surge

What should work for you, marcus, is using styles.

Following helper classes are provided to change the text align:

  • h_leftAlign = left
  • h_centerAlign = center
  • h_rightAlign = right

They can be applied to:

  • Text Line
  • Text Area
  • Plugin Editor
  • Text Output
  • Select
  • Radio/Checkbox Group
  • 1st/2nd level Section
  • Collapsible Panel
3

For more information you need to look at the UI Designer documentation for Styles (4.4.5.) and add the styles you want to the Form model under “Edit” → “Edit Model Settings”. You can then apply these to the control by right clicking on the control in the screen view of the UI designer and selexting “Edit Styles”. The styles that you added will be shown as chekcboxes.

If you’re working on a repeat then there are Alignment options for each control that you can set by simply double clicking on the control you want to edit.