Forum Stats

  • 3,770,053 Users
  • 2,253,055 Discussions


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

M Yaa Ser
M Yaa Ser Member Posts: 60 Red Ribbon
edited Sep 14, 2018 6:15AM in JDeveloper and ADF

Hello Everyone,

I am working on UI of my application using Jdeveloper 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;





color: White;

text-align: center;


background-image: none;


Please Help.



  • Timo Hahn
    Timo Hahn Senior Principal Technical Consultant - Oracle ACE Director Member, Moderator Posts: 37,669 Red Diamond
    edited Sep 14, 2018 4:46AM

    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?


  • M Yaa Ser
    M Yaa Ser Member Posts: 60 Red Ribbon
    edited Sep 14, 2018 6:15AM

    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.

This discussion has been closed.