Form Styling Options
We provide a wide variety of customization of a form So, users can achieve the style & design which they had illustrated in there mind.
1.Form Level Styling
The all new ARForms exclusively provides three different form input style namely Material Style Form, Rounded Style Form and Standard Style Form.
Pre-define color scheme with which the whole form gets a unique manually selected color to forms different elements like input border, submit button, radio, checkbox etc.
Font Option, allows you to choose font family from predefined as well as google fonts. You can also change Font Size and different Font Style too. Also, you can inherit the font family from the theme as well.
If you set ‘Inherit from theme’ for Font family, then the actual effect will be shown on front-end only.
Apart from these Advance Form Options gives you a facility to show/hide Form Title and Description with another small styling options to Title & Descriptions. Here you can change Form Alignment, background image, background image position, opacity of a form, Border options and much more.
2.Field Level Styling
As we know that fields of a form are its core part so ARForms gives a precise value to fields and hence loaded with many different Field Level Styling Option from here you can manage Styling of Fields’ Label
Position of Label over the field (top) or left or right side of a field. Alignment of Label Left or Right.
Further, you can also Hide Labels.
Field Styling Options:
Width of Field can be managed by you in Percent or Pixel as required Facility of RTL, users of ARforms can anytime changes textdirection from Right-to-Left or Left-to-Rigth.
More Field Styling options Transparent field, adjust distance in between, Field inner spaces, Field Border styles, Date format for Date Field, Checkbox ‘n’ Radio Styles, adjust placeholder opacity, change tooltip position.
3.Submit Button Styling
Managing a Submit button style is easy with ARForms styling options, which has many pre-defined options to beautify your submit button.
You can apply a shadow effect in the submit button by using button shadow settings.New
These options can be changed when your selected button style is Flat. Style your button shadow according to x-offset and Y-offset. Also increase/decrease shadow Blur effect and Spread shadow settings.
4.Error Validation Styling
You can manage error validation font styling, message color as well as message background color and moreover you also have two different ways in which you can display a validation message.
Validation Message Style: Modern and Standard.
Validation Message Position: Top, Left, Right and Bottom.
Validation Message Color: you can choose from an unlimited color option for a message and its background.
Validation Font: Fromt custom font option in styling tools which provides google font as well as some predefined fonts option and also font-size from there only.
If all options above are unable to meet your expectations then this option can help you out by providing you the customize CSS where user can write its own styling code/CSS
Apart from all these for form styling tools ,ARForms also provides RESET Button to remove all changes whatever you have set in Form Styling.
Note: After saving form ,Reset Button can’t help you out roll-backing your styling.