Karol’s SDK Components
Following components are included in the SDK pack which is provided by me.
You can use them for free, inspire itself, discuss or even ask for some extensions…
New: Use the SCN Community Package
Going forward, we have combined both packages and opened a community for SDK development:
see the Mike’s Blog: SCN Design Studio SDK Development Community
SUNSET of Karol’s Components
The component below will be still available for those who have them already in use, nevertheless, if you do not have installed the package yet and you are interested in the components, use the SCN community package as described SCN Design Studio SDK Development Community
Sunset: Latest Installable Package via Online Repository:
- Url: http://designstudio.kalisz.org/addons/1.3
- using the online repository you do not need to download the ZIP
Deprecated: Latest Installable Package (as ZIP) – currently not up to date:
- Latest Release of Karol’s Components · KarolKalisz/DesignStudioSdkPack · GitHub
- currently I do not update the ZIP packages, as the online acces is easier to maintain
- does anyone require this? jsut comment.
- the code is still on GitHub and it is possible any time to make a ZIP again
A component summary with links to all documents with details.
See also the new created blog on the data bound components, Karol’s SDK Data Bound Components
- Array Util
For beter work with Array
- Collection Util
For beter work with Collections (key, label, value) – supports sorting – in collaboration with Michael Howles
- Custom CSS Collector
A simple util component for dynamic work with CSS files (to overcome the issue with only one CSS file per app
- Open Window (by) Post [Non UI]
Small Component to Open New Window using POST method – it allows to use a lot of parameters
- Simple Date Object [Non UI]
Date-based navigation (roll days, months) in BIAL script directly, format days to own formats.
- Accordion (with images)
Accordion Menu with additional visualization options, eg images on entries and content load on first expand
- Application Header
Basic wrapper on SAP UI5 Application Header
- Basic Business Card
An interesting example how to create own content using Absolute Layout and some SAPUI5 componenents.
- Color Picker
Basic wrapper on SAP UI5 Color Picker
- Check Box Group
Group of Checkboxes with optional image in the front
- Drag Drop Area
Generic Component which can be used for eventing on Drop Actions.
- Fallback Picture
Basically a picture with fallback in case server does not have the correct one.
- Fish Eye
Simple Selection Component (similar to Image Carousel). Visualization with some animation (resize of images)
- Image Carousel
Simple Selection Component (like a drop down) with Image in addition. It supports “selection” event, which can be used for some other actions.
- KPI View
Own Written KPI View (similar to KPI Tile) but with SAPUI5 rendering
Basic wrapper on SAP UI5 Link with “press” event
- Leader Board
Component to visualize Top / Bottom Members with background colored value
- Map (Open Street Map)
Implementation of a Map Control with Open Street API
- Menu Bar (1.4+)
Menu Bar as in SAPUI5 library
- Menu Button (1.4+)
Menu Button as in SAPUI5 library
- Notification Bar
Different style of positing notifications (messages) to end users. Reuse of the SAPUI5 proposed “NotificationBar” (demo link) as Design Studio component.
Basic wrapper on SAP UI5 Paginator
- Progress Indicator
Basic wrapper on SAP UI5 Progress Indicator
- Rating Indicator
Basic wrapper on SAP UI5 Rating Indicator
- Range Slider
Basic wrapper on SAP UI5 Range Slider (Slider with 2 values)
- (single) Slider
Basic wrapper on SAP UI5 Slider
- Text Area
Input text area with multiline support
Tree Component for Manual Tree building (with parent-child relations)
- Toggle Button
Basic wrapper on SAP UI5 toggle button
Releases (link to always latest)
- Source Code for those who wants: KarolKalisz/DesignStudioSdkPack · GitHub
Those components require release 1.3 Support Package 1 (see Design Studio 1.3 Support Package 1 Released)
- Open Design Studio
- Download the .ZIP file
- Go to menu “Tools”
- Select “Install Extension to Design Studio”
- Select “Archive…”
- FInd the ZIP and start installation.
Upload to BIP Platform / NetWeaver Platform
I have uploaded corrected version which can be uploaded to the platform.
Important: you have ALWAYS to install also the “Design Studio Common ZTL Constants and Objects“ as there are some arrays defined which are used in other components. Other packages have dependency on this content.
I hope you will have good use of those components.