You can use Styles tab in the Form Composer, enabling form developers direct CSS editing and real-time preview of form styling.

Develop and integrate a dedicated style using the Styles tab within the Form Composer, accessible exclusively to form developers to enable advanced customization of form UI through direct CSS editing.

The Styles tab empowers developers with greater control, flexibility, and efficiency in designing forms, addressing key enterprise needs for customization, consistency, and scalability.
Advanced customization control
Enables precise, CSS-level control over form appearance, overcoming limitations of standard visual editors.
Enterprise branding compliance
Allows organizations to fully align forms with corporate design systems and branding requirements.
Faster development and iteration
Real-time preview and ready-to-use CSS scaffolding significantly reduce development time and improve iteration speed.
Consistency across design and runtime
Ensures that styles applied during design are accurately reflected in live forms, maintaining a consistent user experience.
Reduced workarounds and greater self-sufficiency
Eliminates the need for unsupported customization methods and empowers developers with built-in tools, validation, and documentation.

Procedure

  1. 양식 생성.
  2. Navigate to the Form rules tab and configure the form rule. For details, see 조건부 작업, 규칙, 요소.
  3. Navigate to the Styles tab and customize the style using style editor.
  4. Click Preview to view the form.
    With Preview option, you can view and edit the form appearance properties such as height, width, position, and display resolution.
  5. Click Revert to undo the changes.