Use case : On selection of a color in drop down, the same colored tab of panel tabbed should be opened.
Solution :
- Create a jspx page
- Drag and drop a Select One Choice from component palette onto the page
- Create a list with static values(red,green,blue)
- Provide value change listener to Select One Choice
- Drag and drop panel tabbed from the component palette onto the page
- Have 3 showDetailItem inside the panel tabbed (one for each color)
- Give inlineStyle - background color to differentiate between tabs
- Create bindings for each of the showDetailItem
- In the value change listener of the select one choice write code setting thesetDisclosed property to true or false depending upon the tab to be displayed.
- Set auto submit property of select one choice as true and set partial trigger property of panel tabbed with select one choice value
Output:
Solution :
- Create a jspx page
- Drag and drop a Select One Choice from component palette onto the page
- Create a list with static values(red,green,blue)
- Provide value change listener to Select One Choice
- Drag and drop panel tabbed from the component palette onto the page
- Have 3 showDetailItem inside the panel tabbed (one for each color)
- Give inlineStyle - background color to differentiate between tabs
- Create bindings for each of the showDetailItem
- In the value change listener of the select one choice write code setting thesetDisclosed property to true or false depending upon the tab to be displayed.
- Set auto submit property of select one choice as true and set partial trigger property of panel tabbed with select one choice value
No comments:
Post a Comment