Skip to Content
Author's profile photo Karol Kalisz

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:

Deprecated: Latest Installable Package (as ZIP) – currently not up to date:

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

NON-UI Utility

  • Array Util

          For beter work with Array

Design Studio SDK: Array Util Component

  • Collection Util

          For beter work with Collections (key, label, value) – supports sorting – in collaboration with Michael Howles

          Design Studio SDK: Collection Util Component

  • Custom CSS Collector

          A simple util component for dynamic work with CSS files (to overcome the issue with only one CSS file per app

          Design Studio SDK: Custom CSS Collector to dynamically attach more CSS files

  • Open Window (by) Post [Non UI]

          Small Component to Open New Window using POST method – it allows to use a lot of parameters

          Design Studio SDK: Opening Window with POST

  • Simple Date Object [Non UI]

          Date-based navigation (roll days, months) in BIAL script directly, format days to own formats.

          Design Studio SDK: Simple Date Object Component

UI Components

  • Accordion (with images)

          Accordion Menu with additional visualization options, eg images on entries and content load on first expand

        Design Studio SDK: (dynamic) Accordion Component

  • Application Header

          Basic wrapper on SAP UI5 Application Header

          Design Studio SDK: Application Header Component

  • Basic Business Card

          An interesting example how to create own content using Absolute Layout and some SAPUI5 componenents.

Design Studio SDK: Basic Business Card (a mix of self made SAP UI5 content)

  • Color Picker

          Basic wrapper on SAP UI5 Color Picker

          Design Studio SDK: Color Picker Component

  • Check Box Group

          Group of Checkboxes with optional image in the front

          Design Studio SDK: CheckBox Group (with Image) Component

  • Drag Drop Area

          Generic Component which can be used for eventing on Drop Actions.

          Design Studio SDK: Drag Drop Area Component

  • Fallback Picture

          Basically a picture with fallback in case server does not have the correct one.

          Design Studio SDK: Fallback Picture Component

  • Fish Eye

          Simple Selection Component (similar to Image Carousel). Visualization with some animation (resize of images)

          Design Studio SDK: Fish Eye Component

  • 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.

          Design Studio SDK: Image Carousel Component

  • KPI View

          Own Written KPI View (similar to KPI Tile) but with SAPUI5 rendering

          Design Studio SDK: Kpi View Component

  • Link

          Basic wrapper on SAP UI5 Link with “press” event

          Design Studio SDK: Link Component

  • Leader Board

          Component to visualize Top / Bottom Members with background colored value

          Design Studio SDK: Leader Board Component

  • Map (Open Street Map)

          Implementation of a Map Control with Open Street API

          Design Studio SDK: A (first) try to get an Open Street Map into Design Studio

  • Menu Bar (1.4+)

          Menu Bar as in SAPUI5 library

          Design Studio SDK: Menu Bar (1.4+)

  • Menu Button (1.4+)

          Menu Button as in SAPUI5 library

          Design Studio SDK: Menu Button (1.4+)

  • Notification Bar

          Different style of positing notifications (messages) to end users. Reuse of the SAPUI5 proposed “NotificationBar” (demo link) as Design Studio component.

          Design Studio SDK: NotificationBar Component

  • Paginator

          Basic wrapper on SAP UI5 Paginator

          Design Studio SDK: Paginator Component

  • Progress Indicator

          Basic wrapper on SAP UI5 Progress Indicator

          Design Studio SDK: Progress Indicator Component

  • Rating Indicator

          Basic wrapper on SAP UI5 Rating Indicator

          Design Studio SDK: Rating Indicator Component

  • Range Slider

          Basic wrapper on SAP UI5 Range Slider (Slider with 2 values)

Design Studio SDK: Range Slider Component

  • (single) Slider

          Basic wrapper on SAP UI5 Slider

          Design Studio SDK: Slider Component

  • Text Area

          Input text area with multiline support

          Design Studio SDK: Text Area (input) Component

  • Tree

          Tree Component for Manual Tree building (with parent-child relations)

          Design Studio SDK: Tree Component

  • Toggle Button

          Basic wrapper on SAP UI5 toggle button

          Design Studio SDK: Toggle Button Component

Releases (link to always latest)


     Those components require release 1.3 Support Package 1 (see Design Studio 1.3 Support Package 1 Released)

Installation (locally)

  • 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.

Release Fix for "Upload to BIP Issue" (unpack flag) + Tree Component (preview) · KarolKalisz/DesignStu…

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.

Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Mike Howles
      Mike Howles

      Karol, I am soooooo glad you guys have provided a deployable version of the SAP (and your) components!  This will help many members who don't want to do their own feature bundles just to play around with some stuff.  Thank you!!!

      Author's profile photo Karol Kalisz
      Karol Kalisz
      Blog Post Author

      Hi Michael,

      I have in pipeline some more SAPUI5 controls which we can wrap by SDK - unfortunatelly some funny stuff is not in our package (eg. BusinessCard which is in some package "suite").

      Anyway, I have checkt what could be made wit low effort...

      Now, a short weekend break...


      Author's profile photo Mustafa Bensan
      Mustafa Bensan

      Hi Karol,

      Thanks for putting these together.  In particular, I think the source code serves as a great reference for learning how to properly integrate UI5 controls with the Design Studio SDK.



      Author's profile photo Karol Kalisz
      Karol Kalisz
      Blog Post Author

      Hi Mustafa,

      I hope so - I still must learn by myself - at some point of time I need to try a data bound component, not only value holders and basic visualization


      Author's profile photo Mustafa Bensan
      Mustafa Bensan

      Hi Karol,

      It seems like you have learnt a lot already!  And judging by the pace at which you are publishing new components, you must be trying to quickly make up for the time away after your recent holidays 😉 .  At this rate you will have the entire UI5 control library integrated with Design Studio. 

      And yes, it would be great to see techniques for some data bound components as well.



      Author's profile photo Manikandan Elumalai
      Manikandan Elumalai

      quite Interesting. Thanks for sharing.

      Author's profile photo Jeroen van der A
      Jeroen van der A

      Great stuff Karol, thanks!

      Author's profile photo Alex Cruickshank
      Alex Cruickshank

      This stuff is so Helpful Karol! Thanks again!

      Author's profile photo Former Member
      Former Member

      Hi Karol, thanks for sharing. Great stuff. BTW, have you by any chance developed bullet chart component?



      Author's profile photo Gabriel Motor
      Gabriel Motor

      Hi Karol,

      I have try the link of "Design Studio SDK: Opening Window with POST" but I get a message than the side are not exist.

      I need this SDK, because of limitation of ULR. I will pass a parameter with more than 2000 filters value. Or did existing in DS 1.6 SP3 a new possibility to solve this problem?

      Can you check this?

      Thanks a lot!