Dev Guide
Dev GuideUser GuideGitHubNuGetDevCommunityDoc feedbackLog In

Layout

This topic describes how forms are organized in the Optimizely Connect Platform (OCP).

Forms are organized by sections. Each section appears as an accordion in your app page on the store. Use sections to organize your configuration options and use the visible option to control when to show or hide the section from the user. For example:

sections:
- key: login
  label: Login
  properties:
    - successful
  elements:
    - ...
- key: lists
  label: Import Lists
  visible:
    key: login.successful
    equals: true
  elements:
    - ...

This form will only show the lists section the app has completed the login and set the login.successful property to true.

You can use visibility to enforce a workflow much like a wizard.