Forms

Configuring the domain-wide styles for forms

Overview

Network admins can configure the look-and-feel of the styles for forms in MangoApps.

Admin Portal > Branding > Forms
  1. Style settings: Click preferred style to expand the settings and configure them. Network admins can configure the style settings for Background, Form Title, Form Description, Field Labels, Button, Input, Section Break, and Table for forms on the domain.

  2. Preview: Click the Preview button to view a preview of the configurations before applying them.

  3. Save Settings: Click the Save Settings button to apply the chosen settings.

Configuring Style Settings for Forms

Network admins can configure the styles for forms to match the unique branding as per the company style guide.

Background

  • Background Color: Select the default background color for the content within all forms.

  • Padding: Select the space around content (in pixels) for the content within forms.

Form Title

  • Text Color: Select the font color for the form titles.

  • Font Family: Select the default font for the form titles.

  • Font Size: Select default font size for the form titles.

  • Font Weight: Select the weight (or boldness) of the font for form titles.

Form Description

  • Text Color: Select the font color for the form description text.

  • Font Family: Select the default font for the form description text.

  • Font Size: Select default font size for the form description text.

  • Font Weight: Select the weight (or boldness) of the font for form description text.

Field Labels

  • Text Color: Select the font color for all the field labels in forms.

  • Font Family: Select the default font for all the field labels in forms.

  • Font Size: Select default font size for all the field labels in forms.

  • Font Weight: Select the weight (or boldness) of the font for all the field labels in forms.

Button

  • Background: Select the default background color for the content within the buttons in forms.

  • Text Color: Select the font color for all the buttons in forms.

  • Font Family: Select the default font for all the buttons in forms.

  • Font Size: Select default font size for all the buttons in forms.

  • Font Weight: Select the weight (or boldness) of the font for all the buttons in forms.

Input

  • Background: Select the default background color for the input text boxes in forms.

  • Text Color: Select the font color for the input text boxes in forms.

  • Font Family: Select the default font for the input text boxes in forms.

  • Font Size: Select default font size for the input text boxes in forms.

Section Break

  • Background Color: Select the default background color for the content within section fields in forms.

  • Padding: Select the space around content (in pixels) for the text within section fields in forms.

  • Text Color: Select the font color for content within the section fields in forms.

  • Font Family: Select the default font for the content within the section fields in forms.

  • Font Size: Select default font size for the content within the section fields in forms.

  • Font Weight: Select the weight (or boldness) of the font for the content of the section description in forms.

  • Line Height: Select the spacing (in pixels) between the section field's title and description in forms. You can choose Normal, Slight, 1 1/2, or Double Spacing.

Configured styles for forms on User Portal

Did this article help? Your feedback adds value when we shape up the help articles. Hit the smileybelow to let us know!