Simple FAQ Component Demo
High Level Overview on creating this custom component:
Create a cq:Dialog with the following structure:
The faqEntries [cq:Widget] node would be using xtype of the Multi Composite Fields.
Inside the fieldConfigs [cq:WidgetCollection] node, create the necessary fields to capture the question and answer pair. For example:
Specify the appropriate listeners to refresh the page so that modification to the FAQ component would trigger (or re-trigger) the jQueryUI Accordion.
Modify the component JSP file so that the generated markup of question-answer pairs would fulfill jQueryUI’s markup requirement.
- In CRXDE, create a new component (cq:Component) of FAQ. Set the following properties:
Sample of the component: