cancel
Showing results for 
Search instead for 
Did you mean: 

Find the css of the control

Former Member
0 Kudos

HI

I've the following code,how can I find the CSS of the tooltip pop-up ?

http://jsbin.com/wofexusiqo/2/edit    

Thanks,

Stphane

Accepted Solutions (1)

Accepted Solutions (1)

Former Member
0 Kudos

Answers (3)

Answers (3)

santhu_gowdaz
Active Contributor
0 Kudos

Hi Stephane,

Rigth click on the tooltip-> inspect element. there you can see all the css applied into your application.change the properties and see the result, if it is ok then copy paste that applied code into your index.html.

Former Member
0 Kudos

.sapUiRttContent {

min-width: 500px;

padding: 6px 8px;

background-color: aqua;

}

Right click and inspect element

Former Member
0 Kudos

Like this??

Former Member
0 Kudos

HI Can you provide the steps to do it?

Former Member
0 Kudos

use this CSS it will work

.sapUiRttTitle{

            border-bottom: 1px solid green;

          }

Former Member
0 Kudos

if you want to play around with the CSS of any control, then i would suggest you to right click on the particular control and inspect the element. Then, you can see a tab "Styles", you can change it according to your requirement. Then copy paste it in your CSS file.

Former Member
0 Kudos

Hi,

The css for tooltip is written in the same page itself.

First a css class has been assigned to oRtt (richtooptip) . --    oRtt.addStyleClass("myClass");

Than css is written in lower section of the code.

        <style>

            .sapUiRtt.myClass {

                border: 5px solid gray;

            }

        </style>

Thanks and Regards,

Arpit.

Former Member
0 Kudos

Thanks but I need the pop-up CSS,Currently when you click on inspect element

you got the Button css since the pop-up is closed ...

For example if I want to change the line color under the title how should I do that ?

Former Member
0 Kudos

You want different colors in lower and upper part of the popup?