- 07 Dec 2023
- 1 Minute to read
- Print
- PDF
Forms
- Updated on 07 Dec 2023
- 1 Minute to read
- Print
- PDF
Enables you to set the Forms for the desired type of device display screen.. You can view the configured themes for three devices:
- Desktop
- Tablet
- Mobile
The Forms consists of following components:
Border Radius
The Border Radius enables you to configure corners of the an elements or fields by providing them a rounded appearance. It allows you to create softer and more visually appealing shapes with more friendly and approachable design. You can slide the slider from 0px to 100px.
Figure: Border Radius
Section Header
The Section Header improves content organization and enhances the user experience within the application. In this segment, you can modify Text Size, Text Style, and Text Color as needed.
Figure: Section Header
Label
Label consists of input fields in the form such as textboxes, radio buttons, checkboxes and more that clarify the meaning or functionality of various elements.
Figure: Label
Input Value
Input Value is essential for entering valid data to maintain data accuracy and consistency. It assists you to understand the expected input format and reduce likelihood of errors.
Figure: Input Value
Selection Controls
Selection Controls allows you to configure selected controls and make choices related to the appearance and behavior. You can selected the predefined parameters such as color schemes, text color, background color based on the requirement.
Figure: Selection Controls
Dropdown
Dropdown control enables you to select the dropdown color that are visually pleasing and align with the branding. It provides a personalized touch and create a more engaging interface.
Figure: Dropdown
Chip Selection
Chip Selection is discreate pieces of information or options which are selected from a control. You can define the color parameter for these selected options to create a cohesive and a visually appealing that align with the overall aesthetic of the application.
Figure: Chip Selection
Form Border
The Form Border adds visual structure and improves the appearance of forms, contributing to a clear visual hierarchy in the user interface. Customize the border color for Error, Hover, and Selection based on your needs, facilitating quick identification and understanding of the purpose and content.
Figure: Form Border
Cards
Cards control enables you to configure the required background color for the user interface component. It enhances the overall presentation and usability.
Figure: Cards