Forum Stats

  • 3,770,053 Users
  • 2,253,055 Discussions
  • 7,875,284 Comments

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 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.

Tagged:

Answers

  • 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?

    Timo

  • 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.