UPDATE:

If you have upgraded to Lumira Designer 2.0, please go here

Background

Now that Design Studio 1.6 is available, Karol Kalisz and I have taken strides to port over our existing SCN Design Studio SDK Development Community components to the new 1.6 SDK patterns that Reiner Hille-Doering has mentioned here: What’s New in Design Studio 1.6 SDK

I previously mentioned some changes in a blog post here (Sneak Peak – SCN Design Studio 1.6 SDK Components), however I am creating an SCN Document this time so that others can modify this document going forward to keep everything up to date.

 

Why 3.0?  At certain points along the way, we’ve had to make the decision to commit future development to a newer version of Design Studio that means no further support for older versions.  With Design Studio 1.6, many new features along with SDK changes to support the new sap.m mode mean that we must make a clean break.  This means that Design Studio 1.6 is a pre-requisite for anything related to our 3.0 components, just like for our 2.0 components, 1.4 was required.  You can still download the older 1.0 and 2.0 components from GitHub.

 

Download Links

 

Version Required Design Studio Version
Download Link
1.0 Design Studio 1.2 or higher Download
2.0 Design Studio 1.4 or higher Download
3.0 Design Studio 1.6 (Works mostly in Lumira Designer 2.0) Stable | Preview
[NEW] Lumira Designer 2.0 SP2 READ HERE

Source Code

Source Code can be found on GitHub here:

 

GitHub – org-scn-design-studio-community/sdkpackage: SDK Package of SCN Design Studio Community

 

Community Components Blog List/Timeline

 

From most recent to oldest, here is a collection of all blogs by the SCN Design Studio SDK Community team in reverse-chronological order, with certain milestones called out.  You should note that the further back in time you delve, the more primitive, and in same case, irrelevant, some of the older components may be, hence calling out the dates.  Nevertheless, those wishing to see what is possible, or to get source code examples, need look no further than these blog posts written by the SCN SDK Community.

 

  • Design Studio 1.6 SDK – Templating with Rapid Prototyping Component (Jul 20, 2016)
  • Generate CSS code dynamically in Design Studio with the Community Package (Jul 5, 2016)
  • Design Studio SDK transforming key figures into text again (Jun 29, 2016)
  • Design Studio 1.6 SDK – Leaflet Maps WMS Layer Support! (Jun 1, 2016)
  • Design Studio SDK: Breadcrumbs Component (May 11, 2016)
  • Design Studio SDK: Planning Calendar Component (May 10, 2016)
  • Design Studio SDK: Float Button for Quick Member Selection (Apr 10, 2016)
  • Design Studio SDK: Prototype – in 100 LoC to Google Chart (Mar 29, 2016)
  • Design Studio 1.6 – Waht-If-Analysis with Data Iterator & Bring Your Own Data Source (Mar 10, 2016)
  • Design Studio 1.6 – Data Blending with Data Iterator & Bring Your Own Data Source (Mar 10, 2016)
  • Design Studio 1.6 SDK – BYOData Enhancement – Use your own data in Analytical Components! (Mar 7, 2016)
  • Design Studio: Hierarchical menu for BW Version 2 (SDK Community Package)  (Feb 26, 2016)
  • SCN Community Package: Hierarchy Members Accessors & Iterator (Feb 25, 2016)
  • Design Studio SDK: Improved Checkbox Group (Feb 11, 2016)
  • Design Studio 1.6 – Layout for Simple Printable Report (PDF) (Feb 11, 2016)
  • Design Studio SDK: Fiori Busy Dialog Component in M library (Feb 10, 2016)
  • Design Studio SDK: Link Component in M library (Feb 10, 2016)
  • Design Studio SDK: Going into M mode with more components (Feb 10, 2016)
  • Design Studio 1.6 SDK – Data Iterator – Read your data row by row finally! (Feb 8, 2016)
  • Design Studio 1.6 SDK – Component Layouter (Feb 4, 2016)
  • Design Studio 1.6 SDK – Leaflet Maps for more mapping goodness (Jan 7, 2016)
  • Design Studio SDK: Facet Filter Use Case (Dec 18, 2015)
  • MultiComboBox, variable selections and how to load sap.m into your SDK component (Oct 15, 2015)
  • Design Studio SDK – Pictograms (Oct 6, 2105)
  • Design Studio: Logoff with Custom Timeout (Oct 2, 2015)
  • Horizon Chart extension for Design Studio – Part 1 (Sep 25, 2015)
  • Design Studio SDK: UI5 Table with Conditional Formats (Sep 24, 2015)
  • Design Studio SDK – Progress Bar Set Makeover (Aug 24, 2015)
  • Design Studio SDK – Hexagonal Binning (Aug 7, 2015)
  • Design Studio SDK: Radio Button Group – Unified UI5 Component (Jul 28, 2015)
  • Design Studio SDK: Activity Viewer (manual Gantt Chart) (Jul 27, 2015)
  • Design Studio SDK: Process Flow – Unified UI5 Component (Jul 27, 2015)
  • Design Studio SDK: New Unified UI5 Components (Jul 16, 2015)
  • Design Studio SDK: (Generic) Kpi Tile (Jul 7, 2015)
  • Design Studio SDK: Specification Driven Development (or create a full component in 20 minutes) (Jun 30, 2015)
  • Design Studio Extension – Advanced Data Tables – Phase 1 (Jun 25, 2015)
  • Design Studio SDK: Facet Selector Component (Jun 23, 2015)
  • SCN Community Extensions – Release 2.0 for Design Studio 1.5 (an Upgrade) (Jun 16, 2015)
  • Design Studio SDK – Line with Arrow (Jun 15, 2015) – (Milestone: Donnie Burhan joins)
  • Design Studio Extension: Bullet Chart (May 29, 2015) – (Milestone: Long-time SDKer Jeroen van der A joins)
  • Redesign your SDK additional properties with an Accordion menu (May 6, 2015)
  • Design Studio Extension: D3 Word Cloud (May 13, 2015) – (Milestone: James Rapp joins)
  • Design Studio SDK: JSON Object (cast to MultiDimFilter) Component (Apr 23, 2015)
  • Introducing “Change Log” for Community Components (Apr 7, 2015)
  • Community SDK – Call for Help in Documentation (Apr 2, 2015)
  • Design Studio SDK: New Features in UI5 Table (Apr 1, 2015)
  • Design Studio SDK: Real Date Component (Mar 31, 2015)
  • Mixing Data from 2 Result Sets together (join, select) (Mar 26, 2015)
  • Design Studio SDK: Result Set Mixer Component (Mar 26, 2015)
  • Design Studio SDK: Gauge Component (Mar 26, 2015)
  • SAP Design Studio SDK Maps (Part 4) – Maps with Bubbles and Maps with Plots (Mar 25, 2015)
  • SAP Design Studio SDK – Choropleth Maps Refined, Part 3 (Mar 19, 2015)
  • Design Studio SDK: Result Set Information Component (Mar 13, 2015)
  • Design Studio SDK: Post Reponse Parser (with Ajax) Component (Mar 12, 2015)
  • Design Studio SDK: Nice Chart Component (Mar 11, 2015)
  • Design Studio – Semi-Automated SDK Component Development (an idea) (Mar 9, 2015)
  • Design Studio SDK: Segmented Button Component (Mar 9, 2015)
  • Design Studio SDK: PDF Print Component (Feb 27, 2015)
  • Design Studio SDK: UI5 Table Component (Feb 27, 2015)
  • Community SDK: Second Functional Application with SDK Components (Online Composition v.2) (Feb 25, 2015)
  • Design Studio SDK: Navigation Bar Component (Feb 24, 2015)
  • Design Studio SDK: Calendar Selector Component (Feb 23, 2015)
  • Design Studio SDK: Open Url Inplace Component (Feb 23, 2015)
  • Design Studio SDK: Road Map Component (Feb 18, 2015)
  • Design Studio SDK: Password Field Component (Feb 18, 2015)
  • Design Studio SDK: Value Help Field Component (Feb 18, 2015)
  • Design Studio SDK: Tri State Check Box Component (Feb 18, 2015)
  • Design Studio SDK: Facet Filter Component (Feb 18, 2015)
  • Design Studio SDK: BIAL and ZTL Debugger Code Inspector Tool (Feb 18, 2015)
  • Scripting Case: How to manage debugging in BIAL and ZTL? (Feb 17, 2015)
  • Design Studio SDK (1.3/1.4) – Open Source Maps (Part 2) Choropleth Maps (Feb 13, 2015)
  • Design Studio SDK: Examples for Binding Events to ZTL Scripts (Feb 7, 2015)
  • Design Studio SDK: Date Range Scroller (Feb 7, 2015)
  • Design Studio SDK: Date Range Slider (Feb 7, 2015)
  • Design Studio SDK: Math Util Component (Feb 7, 2015)
  • Design Studio SDK: Component Manager (for dynamic component access) (Jan 23, 2015)
  • SDK Development Community Git Repository (sdkpackage) (Jan 23, 2015)
  • Design Studio SDK: Embedded Media Component (Jan 23, 2015)
  • D3 Hierarchy component (Jan 23, 2015) – (Milestone: Manfred Schwarz contributes)
  • Design Studio SDK: Embedded Frame Component (Jan 22, 2015)
  • Design Studio SDK (1.4) – Bring Your Own (BYO) Datasource (Jan 22, 2015)
  • Design Studio SDK: Client Information Component (Jan 20, 2015)
  • Responsive Layout with Flow Layouter SDK (Jan 20, 2015)
  • Design Studio SDK: Flow Layouter Component (for responsive layouting) (Jan 20, 2015)
  • SDK Development Community Git Repository (list & documentation)(Jan 18, 2015)
  • Design Studio SDK (1.3/1.4) – Opensource SCN Maps (Part 1) (Dec 31, 2014)
  • Community SDK: First Functional Application with SDK Components (Online Composition) (Dec 17, 2014)
  • Design Studio SDK (1.3/1.4) – QRCode Generator (Dec 16, 2014)
  • Design Studio 1.3/1.4 SDK: Multi level drop down menu from a hierarchy (Dec 14, 2014) – (Milestone: Franck Blais joins)
  • Wow, finally a customizable IFrame and RSS feed Design Studio extension (Nov 30, 2014) – (Milestone: Martin Pankraz joins)
  • SCN Design Studio SDK Development Community (Dec 10, 2014) – (Milestone: Mike & Karol Merge their components)
  • Design Studio SDK (1.3) – D3 fun making a Progress Bar Set/Bar Chart (Nov 25, 2014)
  • Design Studio SDK: Verification Input Field (Nov 15, 2014)
  • Design Studio SDK: Fiori Button (with SAP Image) (Nov 14, 2014)
  • Design Studio SDK: Data Bound Drop Down Box (Nov 12, 2014)
  • Design Studio SDK: Menu Button (1.4+) (Nov 11, 2014)
  • Design Studio SDK: Menu Bar (1.4+) (Nov 11, 2014)
  • SDK of type SAPUI5 – Practicable Building Blocks (Nov 11, 2014)
  • Design Studio SDK: Toggle Button Component (Nov 6, 2014)
  • Design Studio SDK: Data Bound Range Slider (Nov 3, 2014)
  • Design Studio SDK (1.3) – Fiori-like Page Heading with buttons and more (Nov 3, 2014)
  • Design Studio SDK: Custom CSS Collector to dynamically attach more CSS files (Oct 30, 2014)
  • Design Studio SDK: Data Bound Slider with Top / Pause Option (Oct 30, 2014)
  • Lessons learned in creating SDK extensions. (Oct 29, 2014)
  • Design Studio SDK: A (first) try to get an Open Street Map into Design Studio (Oct 27, 2014)
  • SDK: How to Make a Generic (delta) Change Check in JS (Oct 23, 2014)
  • Design Studio SDK: Data Bound Top/Flop Chart (Oct 23, 2014)
  • Design Studio SDK: Data Bound Top/Flop (Top/Bottom with Average) (Oct 21, 2014)
  • Halloween in Design Studio – the preparation (Oct 19, 2014)
  • Karol’s SDK Data Bound Components (Oct 16, 2014)
  • Design Studio SDK: Data Bound Leader Board (Top/Bottom Selection) (Oct 16, 2014)
  • SAP UI5 SDK – Component Life Cycle (Oct 16, 2014)
  • Design Studio SDK (1.3) – In-App Modal Browser Popup (Oct 16, 2014)
  • Design Studio SDK (1.3) – Databound and Colored KPI Tile Set using SDK Launchpad (Oct 15, 2014)
  • Design Studio SDK (1.3) – Fiori-like LaunchPad (aka sap.m.TileContainer) (Oct 9, 2014)
  • Design Studio SDK (1.3 SP0 & SP1) – Popover Buttons (Oct 8, 2014)
  • SDK components – development direction & concepts (Oct 6, 2014) – (Milestone: Mike & Karol recognize an overlap)
  • Design Studio SDK: (dynamic) Accordion Component (Oct 6, 2014)
  • use libraries to help you get results faster with SDK’s (but standard is even faster!) (Oct 6, 2014)
  • Design Studio SDK – SAPUI5 Accordion Menu (Oct 3, 2014)
  • Design Studio SDK: Tree Component (Oct 1, 2014)
  • Design Studio SDK – Creating an online SDK Repository (Sep 25, 2014)
  • Design Studio SDK: CheckBox Group (with Image) Component (Sep 25, 2014)
  • Design Studio SDK: Text Area (input) Component (Sep 23, 2014)
  • Design Studio SDK: Array Util Component (Sep 23, 2014)
  • How to Use Extended Sdk Collection to handle “properties” (Sep 22, 2014)
  • Design Studio SDK: Leader Board Component (Sep 22, 2014)
  • Design Studio SDK: Opening Window with POST (allows many parameters) (Sep 19, 2014)
  • Design Studio SDK: Drag Drop Area Component (Sep 18, 2014)
  • Design Studio SDK: Image Carousel Component (Sep 18, 2014)
  • SDK development – I want to drag drop in SDK component (Sep 18, 2014)
  • Design Studio SDK – BIAL for…next loop (and my first GitHub co-author attempt) (Sep 16, 2014)
  • Design Studio SDK: Collection Util Component (Sep 15, 2014) – (Milestone: Mike & Karol first collaborate)
  • Design Studio SDK – Get Top/Bottom N rankings with a little less code (Sep 12, 2014)
  • SDK: How to Extend ZTL Grammar with own Return Types (Sep 15, 2014)
  • Design Studio SDK: Fish Eye Component (Sep 15, 2014)
  • Design Studio SDK: Basic Business Card (a mix of self made SAP UI5 content) (Sep 15, 2014)
  • Design Studio SDK: Range Slider Component (Sep 12, 2014)
  • Design Studio SDK: Link Component (Sep 12, 2014)
  • Karol’s SDK Components (Sep 11, 2014)
  • Design Studio SDK: Slider Component (Sep 11, 2014)
  • Design Studio SDK: Rating Indicator Component (Sep 11, 2014)
  • Design Studio SDK: Progress Indicator Component (Sep 11, 2014)
  • Design Studio SDK: Paginator Component (Sep 11, 2014)
  • Design Studio SDK: Application Header Component (Sep 11, 2014)
  • Design Studio SDK: Color Picker Component (Sep 11, 2014)
  • Design Studio SDK: Fallback Picture Component (Sep 10, 2014)
  • Design Studio SDK: Kpi View Component (Sep 4, 2014)
  • Design Studio SDK: Simple Date Object Component (Aug 14, 2014)
  • Design Studio SDK: NotificationBar Component (Aug 13, 2014)
  • Design Studio SDK – A Tab Strip, Toolbar, Segmented Button, a List Box or a Tile Group? (Aug 8, 2014)
  • Design Studio 1.3 SDK – PDF Export Button (Jul 22, 2014)
  • Design Studio 1.2/1.3 SDK – Hierarchy Eye Candy – Packed Circles (Jun 30, 2014)
  • Creating Bulletcharts – getting serious (Mar 17, 2014)
  • a new SDK bar chart (Mar 4, 2014)
  • Design Studio 1.2 SDK – An Image Component free of MIME Repository worries (Feb 4, 2014)
  • Design Studio 1.2 SDK – New approach to a toolbar component using SAPUI5 Handler (Jan 31, 2014)
  • Design Studio 1.2 SDK – An adventure in creating a data bound Chart Component wrapper (Jan 23, 2014)
  • Design Studio 1.2 SDK – Enhancing the ‘Simple Table’ SDK Component (Jan 21, 2014)
  • Design Studio 1.2 SDK – Building a SAPUI5 Toolbar (Dec 31, 2013)
  • Design Studio 1.2 SDK – Use both sides – Double Sided Tiles (Dec 23, 2013)
  • Design Studio 1.2 SDK – Rapid Prototyping Addon HTML/JS Templating (Dec 17, 2013)
  • First try in SDK, building a bar chart with benchmark option in D3 (Dec 13, 2013)
  • Setting up a SDK bar chart (Dec 13, 2013)
  • Baby Steps – Creating an HTML5 Chart Wrapper with Design Studio 1.2 SDK (Nov 26, 2013)
  • Creating a bullet graph using the 1.2 SDK beta (Oct 13, 2013)

 

 

 

Component Library & Documentation

 

We can offer the overview of all components and documentation on functions.

     You can find it here Component List 3.0 – SCN Design Studio Community

Besides the list of components, you can find also “Download” link and instructions how to install. It is better for you to use the ZIP installation (direct links provided above) as this allows you to store the installed ZIP locally. But, github is also having versionized ZIPs – in case your copy is lost.

What Has Changed?


We’ve made all attempts to not disrupt any existing components or properties so your transition to 3.0 shouldn’t be too bumpy.

 

Simplified Categories

 

In order to try to save a little space and keep things tidy, we now have only 4 categories:

 

  • SCN Community BasicsThese are meant for simple interactive/selector-type components.
  • SCN Community VisualizationsThese are meant for components that visualize data, either with a graphic or tabular output.
  • SCN Community PrototypesThis is a catch-all category for either proof-of-concept or ideas that are not fully baked, as well as deprecated components that we aren’t ready to discard quite yet.  Basically this is the ‘wild west’, proceed with more caution here.
  • SCN Community UtilsThis category is for components that at their time, had no need to be on the canvas, however due to SDK limitations technically had to exist there when really their purpose was more for scripting and debug utility.  In today’s world with 1.6, these ideally would become ‘Technical Components’ but in short-term, we’ve preserved them where they are today, perhaps some day we can remove this category and refactor them to true ‘Technical Components’ and free up even more space.

 

M Mode Support

 

With 1.6, SAP has offered up a more official support for UI5 sap.m components.  As a result, existing SCN Community components that are based on sap.m will be supported first in ‘M’ mode, and for a time being in ‘Classic’ mode.  As we see M mode mature hopefully in future versions, people will make the switch to ‘M’ mode for their apps.  You will also see new SCN Community components that we not possible in ‘Classic’ mode before (without ugly hacks) become available now only in ‘M’ mode (such as Switch and Slider and more.)

 

Streamlined Additional Properties Sheet (APS)

Nearly all components, no matter what category or original author, now support an easy to use APS that generates itself.  This means consistent UI for designers, and less time spent by developers in the community to implement, as the APS generation code really takes care of it all for you.  A separate technical document for community developers (old and new) will be posted with the details.


Component Quality

 

We have made many important internal code re-factorings using the RequireJS module pattern which has been an opportunity for us to make a few bug fixes along the way, as well as streamline some old code.  There may be some initial bumps in the road early on with 3.0, but a goal is to re-visit existing components and FIX either bugs or incomplete features in order to make this a more reliable and appealing package for the community.

 

Questions/Comments/Feedback

 

In the past, SCN comments have provided one channel to report bugs or ask for features or provides general feedback and ask questions.  For general feedback and questions, please provide them here on SCN as always, but we’d encourage you to post actual feature requests and bugs on GitHub as an issue so that they can be tracked and not lost in the sea of comments.  This helps you and the SCN developer community.  The place to do this is here:

 

Issues · org-scn-design-studio-community/sdkpackage · GitHub

 

Going forward look for additional new components and more reliable existing components!

.

New NetWeaver Information at SAP.com

Very Helpfull

User Rating: Be the first one !