cancel
Showing results for 
Search instead for 
Did you mean: 

All CSS Classes in SAP Design Studio 1.6

Former Member
0 Kudos

Dear Community

I would like to change nearly all standard-design-components of SAP Design Studio 1.6. Due to the new version of the Design Studio, some CSS Classes changed. Therefore I would to know where I can find all the CSS-Classes? Does it exist an CSS-Template with all these components, etc.?

That is what I actually found but not for DS 1.6

Thanks a lot for your help

View Entire Topic
mike_howles4
Active Contributor
0 Kudos

Since Design Studio is based off mostly UI5 components, here's a good starting list:

List of Supported CSS Classes - SAPUI5: UI Development Toolkit for HTML5 - SAP Library

Also check out the UI5 Theme Designer:

Short of these, download the UI5 library and you can go look at the different Theme files (I believe they are in LESS or CSS format)

Note, that Design Studio sometimes does override the out-of-box styling, I'd recommend finding the CSS file they add to the page at runtime using Fiddler or other F12 debugging tools.  It'll be a .CSS file with something like 'zen' in the name.

Former Member
0 Kudos

Thanks for that CSS Class list. But those are just few classes. I copied all the relevant CSS-Classes with the F12 debugging tool. That works fine. But I do not really know what all the different classes mean. But this means to me "try and error".

At least it would be great if SAP describe ALL the classes and put it on a list.

Thanks for helping me and hopefully others

mike_howles4
Active Contributor
0 Kudos

Yes I agree, there are certainly more CSS classes involved which is why I'd again strongly suggest downloading the UI5 library (or Open UI5, basically same components) and take a look at the CSS/Theme files.  There, you will find just how many there are.


Good luck!