Adding Collapsible Panels

WorkWithPlus provides Collapsible panel in order to create containers that can be expanded/collapsed by the end-users.

The Challenge

In the Company transaction, we'll group the auditing attributes in a collapsible panel, so the panel loads expanded by default. When the screen loads, the auditing section is expanded, but it can be collapsed (by clicking in its title):

TransactionFeatures_img12

To achieve this behaviour, in the "Company" transaction add a new panel into the 'TableContent'.

TransactionFeatures_img14

Tip: you assign to the new Panel’s Cell Theme Class property the value ‘CellMarginTop’, the panels keep separate one from the other. 

Summary

Well done! You should now be able to:

  • Add collapsible panel to organize your data
  • Use the real-time preview to create your layouts