How to add Line hight in sap.ui.layout.form.Form ?

[Former Member]

Hi,

i am using the sap.ui.layout.form.Form and sap.ui.layout.form.ResponsiveLayout as layout. And i gave line height from CSS using 'line-height' style, it is working good in Chrome but coming to the IE, the text  in all buttons are looking like below .

If we increase the height it is showing the text, but i don't want to increase the button height.

Is there any way i can do this using any layout styles, i am m=not able to find any 'line-height' kind of properties in the Form of ResponsiveLayout .

Thank you,

[Former Member · Accepted solution]

Hi Shashank,

     Add this class in CSS and change the values as required.

.sapUiBtnS {

2. padding: 4px 58px 19px;
4. height: 22px;
6. font-size: 12px;

}

[Former Member · Accepted solution]

Hi Sushmitha,

thanks for replaying, i tried the class but this is not working.

The problem is sap ui5 is adding and extra class for IE i.e,

only for IE and line height is also different from Chrome.

i tried this class  in my css and this is not working.

Do you have any idea how to solve this..

thank you.

[seVladimirs · Accepted solution]

Hi,

You can do following,

a) Set important flag for padding attribute.

.sapUiBtnS {
padding: 4px 58px 19px !important;
height: 22px;
font-size: 12px;
}

b) Set additional CSS selector html[data-sap-ui-browser^="ie"]

html[data-sap-ui-browser^="ie"] .sapUiBtnS {
padding: 4px 58px 19px;
height: 22px;
font-size: 12px;
}