How to position a field beside another field in a 3-column Constellation View

User Experience
1

I have configured my View using a 3-column layout
Current layout:

  • Row 1:
    • field1
    • field2
    • field3
  • Row 2:
    • field4
    • (empty)
    • (empty)
  • Row 3:

      • field4? (Radio buttons)
        The business requirement is to display:

      • |field3|field4?| (empty) |
        instead of placing field4? on the next row.
        I tried:

        • Using a 3-column layout
        • Reordering the fields in the View

        However, Constellation still places the radio button field on a new row

        Is this behavior expected in Constellation?

      • Can a radio button field be placed beside a text field in the same row?

      • Is there any configuration or template that allows this, or is it a limitation of Constellation?

      Any suggestions would be appreciated.

      Thank you!

2

Yes, this is expected behavior in Constellation. Checkbox, Radio Button groups are treated differently from standard text inputs and may intentionally break out of a multi-column layout due to accessibility, responsiveness, and dynamic height considerations

3

Yes, you can place the radio button beside the text field in the same row, as shown in the image below. Is this what you were expecting?

Image
Image1705Ă—361 15.1 KB

4

Yes, this behavior is expected in Constellation. When you configure forms in Constellation, the fields auto-adjust their size and width based on prescribed design standards. Radio buttons, along with other wider inputs like Rich Text Editor, Text area, Radio group, Checkbox, Booleans, and Attachments, are designed to span multiple columns to increase usability.

In a two-column form template, simple inputs such as Single line text and Currency take up only one column, while Radio buttons and similar controls span two columns. This design ensures that tabbing takes users from left to right instead of top to bottom, improving the user experience.

While Constellation supports forms with one to three columns, the automatic layout adjustment means that radio button fields will typically span across columns rather than sitting beside a single-column text field in the same row. This is an intentional design choice in Constellation to maintain usability standards and prevent overly complex layouts.

Unfortunately, based on the prescribed design rules in Constellation, you cannot force a radio button field to occupy just one column beside a text field in a multi-column layout. The system prioritizes usability by giving wider inputs like radio buttons more space. This appears to be a design principle rather than a configurable option, so there isn’t a template or configuration setting that would allow you to override this behavior.

I recommend working within Constellation’s layout guidelines, which are designed to ensure optimal user experience across different devices and screen sizes.