Question

123

CSS on SAPUI5 Controls

rated 0 times [ 124] [ 1] / answers: 1 / hits: 6607 / 10 Years ago, mon, april 7, 2014, 12:00:00

I have a sap.m.Input inside a div tag in HTML view of sapui5. When I apply css to the div, it works fine on all the div elements. However, I want to apply css on a single control inside the div tag. It is not working. The code is :

<div data-sap-ui-type=sap.m.Label data-text=Sr.No :></div>

<div data-sap-ui-type=sap.m.Input id=id_SrNo_Val data-width =10%></div>

The above code does not work if I apply css to the input. It works fine on the label. I am trying to reduce the height of the input. It works on Chrome console with runtime id. However I want to apply css with the given id which it does not accept.
Please help.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

makaylahk

Add To Favorites

Follow

Total Points: 166

Total Questions: 94

Total Answers: 117

Location: Gabon

Member since Sat, Jul 25, 2020

4 Years ago

makaylahk questions

1 Electron store data locally without localstorage

Tue, Apr 26, 22, 00:00, 2 Years ago

1 Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response when using http get req from JS to SlackAPI

Mon, Feb 28, 22, 00:00, 2 Years ago

1 How do I use the useState hook to change the color of my react icons to blue?

Wed, Jul 21, 21, 00:00, 3 Years ago

1 Property 'selectionStart' does not exist on type 'EventTarget'

Fri, Mar 19, 21, 00:00, 3 Years ago

1 How can I pass multiple values in a single prop in react?

Sat, Feb 27, 21, 00:00, 3 Years ago

View All

answered 10 Years ago rossj · Accepted Answer

In SAPUI5 we don't know at which point time of CSS is applied to the Controls.

So you've to give "priority to your css class or id" which can be achieved using the property !important

Add your CSS property like following

#id_SrNo_Val {

     height : 10px !important;

     color : blue !important;

}

Use anything you want with !important property.

Update: Avoid !important because it'll become harder to debug at some point of time. Also in CSS, it's not suggested to use.