Quantcast
Viewing all articles
Browse latest Browse all 662

Design Studio SDK: Radio Button Group - Unified UI5 Component

again, continuing the series of Design Studio SDK: New Unified UI5 Components, today the component Radio Button Group.

The generation code is better and better, the time required for components is getting less.

 

Today it is working only for non-data-bound definition.


How does it look like?

actually, it is a normal radio button group, directly as in UI5 library. you can dynamically add, change delete content.

Image may be NSFW.
Clik here to view.
rb1.PNG

The value is that you can define it also with more columns... so it is also a horizontal radio button group.


Events & Interactions

There is selection event, the id of selected block will be given back.

APPLICATION.createErrorMessage("Selection: " + ACTIVITYVIEWER_1.getSelectedKey());

 

You can use a plenty of script functions to change the content.

 

eg. add a button:

RADIOBUTTONGROUP_1.addButton("BUT2", false,

  200, false, true, "G", true, "The Next", "End", "LTR", "Warning"

);

Image may be NSFW.
Clik here to view.
rb2.PNG

Perhaps someone can make use of it.

 

Btw. I forgot to place some buttons in default, I make this later on - today it is empty when you drop into canvas.

 

Download & Use

This component is available on the community package, release 2.0 for Design Studio 1.5, as in SCN Design Studio SDK Development Community

 

Example as BIAPP:

org-scn-design-studio-community/applications · GitHub

 

SDK_RADIO_BUTTON_GROUP

 

Documentation

Component List - SCN Design Studio Community -> look for the component in the list.

 

Any thoughts?

feel free to add as usual...

 

Enhancements Ideas?

if you have good ideas (to those who would like to contribute but cannot code...) - place an "issue" with tag "enhancement" under Issues · org-scn-design-studio-community/sdkpackage · GitHub


Viewing all articles
Browse latest Browse all 662

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>