Skip to Content
author's profile photo Former Member
Former Member

All CSS Classes in SAP Design Studio 1.6

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

Design Studio 1.1 Full List of CSS classes (?)

New in 1.1 : CSS classes

Thanks a lot for your help

Add a comment
10|10000 characters needed characters exceeded

Related questions

1 Answer

  • Best Answer
    Posted on Feb 15, 2016 at 03:39 PM

    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:

    UI Theme Designer Developer Center

    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.

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.