Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
Karol-K
Product and Topic Expert
Product and Topic Expert
4,002

this component is already longer in the repository, but I could not find time to describe. For me it was an opportunity to learn a bit work with d3 code... this component is based on the d3 plugin dk8996/Gantt-Chart · GitHub.

How does it look?

How you can use it?

There are 3 arrays for definition. Activities, Categories and States.

States

states allow you to assign a style class to the block. some pre-defined styles are defined in the initial definition. but you can add new one - assure you have the corresponding class in your css.

Categories

with categories you can define the Y-axis

Activities

activities must be assigned to category and state, then you can get nice display.

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.

Perhaps someone can make use of it.

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_ACTIVITY_VIEWER

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

16 Comments