Add a CSS Class to an eForm Control

To add a CSS class to an eForm control, do the procedure in this topic.

Video: Use Custom CSS with eForms

Screen



Examples

  • (Example) Use Custom CSS in an eForm
  • Examples - Step-by-step use case examples, information about what types of examples are provided in the AgilePoint NX Product Documentation, and other resources where you can find more examples.

Prerequisites

How to Start

  1. On the Application Explorer screen, do one of these:
  2. Do one of these:
    • Add a control:
      1. On the eForm Builder screen, in the Toolbox, open one of these tabs.
        • Common Controls Common Controls icon
        • Advanced Controls Advanced Controls icon
        • Kendo Controls Kendo Controls icon
      2. On the tab, drag any form form control onto your eForm.
    • Change a control:
      1. On your eForm, click the control, and click Edit Edit icon.
  3. On the configuration window for your control, click the Appearance tab.

Procedure

  1. On the Appearance tab, complete these fields as necessary.
    Field Name Definition

    Container CSS Class

    Function:
    Specifies a CSS class for the container of your control.
    Accepted Values:
    A valid CSS class.
    Default Value:
    None

    If you specify your CSS CSS icon on the top menu, the CSS is populated.

    Example:
    Refer to:

    Field CSS Class

    Function:
    Specifies a CSS class for the field in your control.
    Accepted Values:
    A valid CSS class.
    Default Value:
    None

    If you specify your CSS CSS icon on the top menu, the CSS is populated.

    Label CSS Class

    Function:
    Specifies a CSS class for the label of your control.
    Accepted Values:
    A valid CSS class.
    Default Value:
    None

    If you specify your CSS CSS icon on the top menu, the CSS is populated.