Purpose
today a checkbox group with image (as optional) visualization.
How does it looks like? (click to animate GIF)
chekcbox group, with corresponding image per entry.
| Styles | ||
| scn-pack-CheckBoxGroup | the group itself style | |
| scn-pack-CheckBoxGroup-Layout | the single entry layout style | |
| scn-pack-CheckBoxGroup-Picture | the picture style | |
| scn-pack-CheckBoxGroup-CheckBox | the checkbox style | |
| scn-pack-CheckBoxGroup-SelectedValue | the selected layout style (only active when images are available) | |
Available Properties
| Property Name | Description |
|---|---|
| fallbackPicture | Url to the fallback picture (must be set if picture is selected) |
| withPicture | with picture flag |
| pictureSize | picture size, 16px or 32px as choice |
Scripting Functions
| Scripts | Short Description |
|---|---|
| void removeAllElements () | removes all elements |
void addElement (String elementKey, String elementText, String imageUrl, boolean selected) | adds an element |
void insertElement (String elementKey, String elementText, String imageUrl, boolean selected, int insertionIndex0based) | inserts element at index |
void updateElement (String elementKey, String elementText, String imageUrl, boolean selected) | updates element at key |
| void deleteElement (String elementKey) | deletes element |
| String getKeyAtIndex (int index) | returns key at given index |
| org.scn.pack.KeyLabelArray getSelectedElementsArray () | returns an array of selected elements |
| void setSelectedKey (String key, boolean selected) | sets element as selectd / unselected |
| void setSelectedKeys (String keys, String separator) | sets many elements as selected (those which are not in the list are unselected) |
Events
| Event | Short Description |
|---|---|
| onSelectionChanged | Event triggered when selection is changed |
Example Application
An Application with example can be downloaded at the BIAPP Repository:
- KarolKalisz/DesignStudioBiAppRepository · GitHub
- or take it as newest ZIP: Releases · KarolKalisz/DesignStudioBiAppRepository · GitHub
Releases
Source Code & Licensing
This component is for free use. It is under the Open Source Apache Version 2.0 License.
Important MaintenanceNotice (... as I am SAP Employee)
The component is NOT delivered under SAP maintenance license.
You cannot claim any Support on this component from SAP!
The components are created on "private" basis - you can use them as is. I can modify, correct or improve - but there is no obligation to do it. Of course I will try to correct bugs or improve the component as long I can.
Have Fun!
for other components see: Karol's SDK Components
Ps. only basic properties are attached, if some are missing - just make a comment.
LInk to SAPUI5: SAPUI5 SDK - Demo Kit