Two Column
A Two Column element is a UI component that is used to display information in a compact and organized manner. It typically consists of a container that holds a variety of elements, such as an image, heading, body text, action buttons, etc.
As the name suggests it will arrange the fields in an Nx2 format where N is the number of rows and 2 represents the number of columns. We first make the initial elements and then select the elements for the respective columns for the two-column layout.
We can convert the two-column layout in the card view as well, using the radio buttons given.
In the card view, the background of the element can also be customized:
- Add Background: The card's background can also be chosen by clicking on the radio button. There are three options for choosing the background- none, color, and image.
- None: No background will be applied if this option is selected.
- Color: Any color can be applied according to requirement by simply entering the hex code of the color or choosing the color from the carousel using this option.
- Image: Any image can be applied as the card's background by uploading the image of choice. (The image should be in svg format)
- Click on Add Element inside Forms V2.
- Give details to the element like variable name, label text, etc.
- Click on Add.
- Give details to the element like variable name, label text, etc.
- Click on Add.
- Click on the two-column layout element from the left panel.
- On the pop-up screen, you can now choose the elements you created earlier for the corresponding left and right columns by selecting the checkboxes for the respective element.
- Click on Add and then create a screen.
- Your elements are now arranged in two vertical columns.
Getting help
Please feel free to contact us if you have any questions, require clarification, or have ideas for how to make the documents or any of our services better.
You can reach out to us at [email protected].