Design Studio 1.2/1.3 SDK – Design Studio Utility Pack
Jan 2015 – Much of this SDK code and new developments have moved to a new shared SCN GitHub Repository explained in detail here: SCN Design Studio SDK Development Community — This blog post will remain up solely for historic purposes but all new development will happen there and this Utility Pack will remain as-is. I’d highly recommend installing from the new version linked.
Original Posts and Updates Follow:
(11/26/2014) Data Source 1.4 SDK has been move to a separate Git Repo: entmike/DesignStudio1.4SDK · GitHub – This is required as to not impact 1.3 users.
Further 1.4 Components will be kept separate from this 1.2/1.3 pack so you will not be impacted. This post will be reorganized soon as a few of us discuss a centralized SDK repository that multiple SDKers can collaborate together on – More on this later.
Update – November 2014:
– 1.4 Datasource SDK Component added (Moved to entmike/DesignStudio1.4SDK · GitHub)
– Progress Set/Bar Chart D3 SDK Component added
Update – October 2014:
You can directly link to my online repository to install these addons now.
In Design Studio menu, Click Tools -> Install Extension to Design Studio… -> Copy and Paste this URL in the Location box:
More information can be found about this method in this blog post: Design Studio SDK – Creating an online SDK Repository
This post is just a compilation, or round-up of my previous blog postings on SCN where I’ve release some source code, in various states and links. It is also an update to let you know of a new consolidated location of these, as well as to say that I’ve included a deployable form of these that anyone can install. If there are other SCN Members who would like to contribute to this Utility Pack, reach out to me and perhaps we could all pool our pieces in one deployable feature. I know that from time to time other guys like Leandro Cardoso and Jeroen van der A and Manfred Schwarz and Mustafa Bensan share, so having a consolidated list (since SAP Code Exchange is gone) would be a nice thing.
First, a summary of what’s included, with links to the original posts:
- HTML Template
Design Studio 1.2 SDK – Rapid Prototyping Addon HTML/JS Templating
- Double Sided Tile
Similar to the HTML Template, but with CSS flipping
Design Studio 1.2 SDK – Use both sides – Double Sided Tiles
- Super Image
An SAPUI5 extended component with a property sheet that will Base64-encode an image (IE10 or higher needed on dashboard author workstation)
Design Studio 1.2 SDK – An Image Component free of MIME Repository worries
- High Charts
A rudimentary proof-of-concept chart wrapper that binds to a Design Studio datasource.
Design Studio 1.2 SDK – An adventure in creating a data bound Chart Component wrapper
- Slide Show (New!)
A fun slide show component for engaging, interactive KPI tiles, inspired by modern web principles like Fiori
Design Studio 1.2/1.3 SDK – Slideshows
- Hierarchy Candy – Packed Circles (New!)
Hierarchies and D3 Packed Circles
Design Studio 1.2/1.3 SDK – Hierarchy Eye Candy – Packed Circles
- Notify (New!)
A Prettier Way to Display Alerts and Messages (By Leandro Cardoso)
Notify – A prettier way to display alerts on Design Studio
- Speedometer Gauge (New!)
Speedometer Gauge based on Clock SDK component (Blog by Nicholas Stein – Coded by Antonino Cacace)
Design Studio 1.3 SDK – Creating a custom gauge component
- MenuStrip/TabStrip/List/Toolbar/Segmented Button Builder (New! – Updated 8/11/14)
A list builder that allows for CSS styling to make lists show up in an assortment of ways such as toolbars, lists, tile groups, segmented buttons, etc.
Design Studio SDK – A Tab Strip, Toolbar, Segmented Button, a List Box or a Tile Group?
- Accordion Menu (New – October 2014)
An SAPUI5 Accordion Menu
Design Studio SDK – SAPUI5 Accordion Menu
- PopOver Button (New – October 2014)
A sap.m PopOver Button List Component
Design Studio SDK (1.3) – Popover Buttons
- Fiori-like LaunchPad (New – October 2014)
Design Studio SDK (1.3) – Fiori-like LaunchPad (aka sap.m.TileContainer)
- D3 Progress Bar Set/Bar Chart (November 2014)
Design Studio SDK (1.3) – D3 fun making a Progress Bar Set/Bar Chart
- (1.4) Data Source SDK Test (November 2014)
Design Studio SDK (1.4) – Datasource SDK Test
Online Repo Method (prefered):
UPDATE (Nov 26 2014): Please Read:
The online repo supports separate bundles, so you can choose whether to install 1.4 features depending on your version – Example below:
New Github Repo containing all of these:
Old method (downloadable .ZIP file:)
To install in Design Studio, download the .ZIP, and go to Tools -> Install Extension to Design Studio -> ‘Archive…’
Addons that did not make the cut at this time:
- Design Studio 1.2 SDK – Enhancing the ‘Simple Table’ SDK Component
- DS 1.2 SDK Example – Embedding Xcelsius SWFs (not for Mobile, of course)
(APOS has a version that’ll most certainly do this job better, and using the HTML5 versions – This won’t get included in a future utility pack, but is here for reference)
- Design Studio 1.2 SDK – New approach to a toolbar component using SAPUI5 Handler
(This may get included later, but did not at this time.)