Topic: Controls (Developer)

  • Text Transform Control

    Use the text-transform control to allow users to set the text-transform CSS property like so:

  • Text Decoration Control

    Use the text-decoration control to allow users to set the text-decoration CSS property like so:

  • Text Align Control

    Use the text-align control to allow users to set the text-align CSS property like so:

  • Direction Control (Flexbox)

    Use the direction control to allow users to set the flex-direction CSS property of your CSS flexbox layout.

  • Justify Content Control (Flexbox)

    Use the justify-content control to allow users to set the justify-content CSS property (alignment along the main-axis) of your CSS flexbox layout. There is also a align-items control to allow users to set the alignment along the cross axis of […]

  • Align Items Control (Flexbox)

    Use the align-items control to allow users to set the align-items CSS property (alignment along the cross-axis) of your CSS flexbox layout. There is also a justify-content control to allow users to set the alignment along the main axis of […]

  • Apply Control

    The apply control saves your settings. You can set the reload control property to true in order to trigger a builder reload after the "Apply" button has been clicked. We use it in the builder for settings like the template […]

  • Typography Control

    The typography control provides the following CSS properties: colorfont-sizetext-aligntext-transformfont-familyfont-weightfont-styleline-heightletter-spacingtext-shadowtext-decoration Use the exclude parameter to hide specific typography properties. Set popup to false to show control inline.

  • Text Shadow Control

    The text-shadow control displays a popup that lets you set the CSS text-shadow of a specified HTML text element. Resources https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow

  • Textarea Control

    The textarea control displays a textarea input field. You can set the following parameters: rows (number. Default: 5)readonly (true/false. Default: false)spellcheck (true/false. Default: false)inlineEditing (true to enable)