Import CSS Files into SAP DESIGN STUDIO

[Former Member]

Hi, I am aware of the edit custom CSS provided in the SAP Design Studio 1.6. But I would like to import a CSS file separately for some components used in my work. As I have searched the web and community but couldn't find a solution to my question. May I know is there any way to make this feasible.

[TammyPowlas]

May I ask what is your reasoning? On the surface I don't see an issue but maybe you could share some more details.

[Former Member]

Hi Ms Tammy, as I am using rapid prototyping which is provided as an extension from the SCN Community. While I have certain components which needed @keyframes or @webkit which could not be referred from the edit custom CSS itself. I searched the internet but could not find a solution for it. Most components only allow us to add the CSS Class which is inserted in the edit custom CSS while could not capture @keyframes and @webkit.

[former_member586523]

Yes, you can import a custom CSS file to your Design Studio Application. But for an application only one CSS file can be imported. For import a CSS file, follow the below steps.

1. Save your CSS file in your local desktop.

2. Click the Application name button(my application name is ZAPP_13) which appears on the left-side in the Design studio.

3. Then the properties tab will be displayed on the right-side. Then double click on the Custom CSS field to upload the custom CSS file from your local pc. You can also edit this file after uploading the file.