Form Design Settings

Balbooa Joomla Forms Builder provides two ways of setting up form design: “Basic” for beginners and “Advanced” for experienced users.

Basic Design Settings

Click on the icon “Design” to open Design Settings.

Basic Design Settings - Form Design Settings In Balbooa Joomla Forms Builder?


Color Scheme

Form global colors.

Style

  • Default - default form styles.
  • Rounded - rounds corners of the form elements.

Width

Sets the width of the form (% or px).

Layout

  • Default - default form layout.
  • Lightbox - displays the form in a lightbox.

Font

  • Font - sets Font Family.
  • Size - sets the size of the font.
  • Spacing - sets the vertical spacing between fields.

Advanced Design Settings

Click on the icon “Advanced Settings” to open form advanced settings.

Advanced Design Settings - Form Design Settings In Balbooa Joomla Forms Builder?

Form Settings

Width

Width

Sets the width of the form (% or px).

Full Width

Sets the full width of the form.


Background

Color

Changes background color and opacity.


Spacing

Padding

Sets the space between form content and its border.


Border

Radius

Round the corners of an element (px).

Color

Changes border color and opacity.

Width

Sets the width of the border (px).


Shadow

Value

Sets shadow value.

Color

Changes shadow color and opacity.

Label Settings

Font

Sets Font Family.

Size

Sets the font size (px or em).

Letter Spacing

Sets the amount of space between letters (px or em).

Line Height

Sets the height of the line box.

Color

Sets the color and opacity.

Properties

Sets boldness, style, uppercase and alignment.

Field Settings

Background

Color

Sets the background color and opacity.


Spacing

Padding

Sets the spacing within a field (px).

Margin

Sets the external spacing between fields (px).


Border

Radius

Rounds the corners of an element (px).

Color

Changes border color and opacity of fields.

Width

Sets the width of the border (px).


Font

Font

Sets Font Family.

Size

Sets the font size (px or em).

Letter Spacing

Sets the amount of space between letters (px or em).

Line Height

Sets the height of the line box.

Color

Sets the color and opacity.

Properties

Sets boldness, style, uppercase and alignment.


Icon

Size

Sets the size (px or em).

Color

Sets the color and opacity.

Properties

Sets alignment.