How to Apply Css/html on af|inputListOfValues (LOV) Popup in ADF.?

M Yaa Ser

Hello Everyone,

I am working on UI of my application using Jdeveloper 12.2.1.0. all the things are working perfect, But when I apply CSS/HTML on  af|inputListOfValues (LOV) so nothing happening.

I am applying below Css/Html in Skin Class and mention "UserLOV " in StyleClass.

af|inputListOfValues.UserLOV af|button {

background: #8b0037;

    width: auto;

    height: auto;

    font-size: 14px;

    color: #fff !important;

    padding: 5px 60px;

    display: inline-block;

    margin: 20px 0;

    border: none;

    cursor: pointer;

    border-radius: 0;

    border-color: White ;

    background: linear-gradient(to left, #8b0037 50%, #bf952f 50%);

    background-size: 200% 100%;

    background-position: right bottom;

    transition: all 1s ease;

}

af|inputListOfValues.UserLOV af|button:hover {

background: #bf952f;

}

af|inputListOfValues.UserLOV::header,af|inputListOfValues.UserLOV::header-end,af|inputListOfValues.UserLOV::header-start,

af|inputListOfValues.UserLOV::title

{

color: White;

text-align: center;

background-color:#8b0037;

background-image: none;

}

Please Help.

Timo Hahn

Have you first tried your skin changes to the global af|inputListOfValues selector?

Do you see the changes then?

Once you see the changes (global) you can add you own styleclass name.

Have you looked at the resulting css in your browsers developer tools?

Timo

M Yaa Ser

Yes I used pseudo element in selectors.

As in normal Popup, You can select buttons and header to set StyleClass Property,

But LOV Popup display only run time.

I have to change color of Button, Header Text, and Text Colors in LOV.