Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

  • The Section is a container Section with a header that is used to keep like fields grouped together

  • In Section, you can add various components i.e

  1. Section

  2. Tabs

  3. Vertical Tabs

  4. Table

  5. Button

  6. Badge

  7. Repeater

  8. Icon

  9. List View

  10. Page Header

  11. Counter

  12. Calendar

  13. Rating

  14. Carousel

  15. Progress Bar

  16. Blank Field

  17. Report

Attributes

  • group related content

  • You can collapse the Section by clicking on the header or on the drop-down arrow

  • You can add actions to the Section header

Attributes

...

1. Header

  • The header is a short description

...

  • to

...

  • define the Section

  • It is displayed at the top left of the Section

  • e.g. in the below screenshot client details is used to specify the header of the Section

2. No Header

  • If the No

...

  • Header checkbox is checked then the header will not be visible on the Section

...

3. Is Collapsible

  • You can make the Section collapsible by checking the Is Collapsible checkbox

  • Is Collapsible is used

...

Action

  • Action is a set of operations that can be performed by clicking on an action button, in the Section for a better User Experience

  • On clicking the down arrow or on the Section header the Section will collapse or expand

    Image Added

4. Actions

  • You can add multiple actions and each action is displayed as a button

  • Only two actions will be displayed on the Section header and the rest of the actions will be displayed in a dropdown

  • By clicking on the button it performs a particular action e.g. invoking a workflow

  • You can add as many actions as you want

  • Refer Action specific action or workflow

  • Refer Actions

    Image Added

5. Overflow After

  • Overflow After attribute is used to display the actions in list format after reaching its entered limit

  • By Default the value is 3 which means the three actions will displayed on a section header

  • If you added the new action despite having 3 actions then the new action will appear in the drop down list section

    Image Added

Include Page
Common configurations for components at the layout
Common configurations for components at the layout