Forms
  • 07 Dec 2023
  • 1 Minute to read
  • PDF

Forms

  • PDF

Article summary

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



Was this article helpful?

What's Next
Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.