Skip to Content
0

CSS to drodown box in SAP design studio

Nov 23, 2017 at 10:43 AM

164

avatar image
Former Member

I am using below script to apply css to dropdown box in my application. I have deleted default css file and uploaded my local custom css file & assigned it to my application. but it is not working. there are only 3 statements in my css file. Plz help.

Scipt :

.DD_CSS.sapUiTfStd{background-color: blue; color: red;}

.DD_CSS.sapUiTfCombo,.sapUiTfBack.sapUiTfStd { padding:012px00; height:35px; margin-top:1px; border: solid1px#899197; border-radius:3px; }

.DD_CSS.sapUiTfBrd.sapUiTfFoc,.sapUiTfCombo:hover { padding:026px00; height:35px; margin-top:1px; border: solid1px#2cc588; }

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

3 Answers

Mustafa Bensan Nov 23, 2017 at 11:08 AM
1

You should try adding the !important declaration after each line.

Show 2 Share
10 |10000 characters needed characters left characters exceeded
Former Member


I tried using !important , but it is still not working

0

What is the version of the product ? Are you using SAPUI5 m template ?

0
Arijit Das Nov 23, 2017 at 11:52 AM
0

The CSS you provided will work for the applications with SAPUI5 template. But if you have used SAPUI5 m template, the class names will be different.

If you are using Lumira 2.0 Designer, it always uses SAPUI5 m template. Hence the class names to be changed accordingly.

For example,

.DD_CSS{background-color: blue;}
.DD_CSS.sapMSlt > .sapMSltLabel{color: red;}

capture.png (4.8 kB)
Share
10 |10000 characters needed characters left characters exceeded
Vidhya V Nov 27, 2017 at 08:03 AM
0

Hi,

Did you assign these class name to your dropdown component?

Please share dropdown screen shots.

Regards,

Vidhya

Share
10 |10000 characters needed characters left characters exceeded