Changing fill color of drop down list AEM 6.2 HTML5 form | Community
Skip to main content
L
lsmurph
Level 3
July 13, 2017
Solved

Changing fill color of drop down list AEM 6.2 HTML5 form

  • July 13, 2017
  • 3 replies
  • 1370 views

None of the code I've found to change the fill color of a field seems to work for a drop down list. Here are some of the things I've tried:

this.border.fill.presence="visible";

this.fillColor = "255,255,148"; OR this.fillColor.value = "255,255,148";

this.border.fill.presence="visible";

Either of these change the border only, not the fill:

this.ui.oneOfChild.border.fill.color.value="255,255,148"; //border changes to yellow

this.ui.resolveNode("#choiceList").border.fill.color.value ="255,255,148";

Has anyone tackled this problem successfully?

Thanks in advance,

Laurie Murphy

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by kautuk_sahni

    Try first on Browser console and once it is done there, copy the changes in intended CSS.

    Sometimes, changes made in CSS/JS files are not reflected because Browser/AEM uses old cached files.

    //Delete project specific folder under /var/clientlibs/etc/designs. It will remove cached JS/CSS for that project

    ~kautuk

    3 replies

    kautuk_sahni
    Community Manager
    kautuk_sahniCommunity ManagerAccepted solution
    Community Manager
    July 13, 2017

    Try first on Browser console and once it is done there, copy the changes in intended CSS.

    Sometimes, changes made in CSS/JS files are not reflected because Browser/AEM uses old cached files.

    //Delete project specific folder under /var/clientlibs/etc/designs. It will remove cached JS/CSS for that project

    ~kautuk

    Kautuk Sahni
      L
      lsmurphAuthor
      Level 3
      July 13, 2017

      The first time I opened the form this morning, the behavior was correct. I have tested in IE11, Chrome and Firefox. It must have been the caching.

      Thank you so much for your quick response!

      L
      lsmurphAuthor
      Level 3
      July 13, 2017

      Actually, the problem turned out to be in Designer. I was checking my changes in Preview HTML and the fill color was only applying to the borders. It is still displaying incorrectly even though the deployed form is working properly in each of the 3 browsers I tested.

      Terms & ConditionsAccessibility statement

      Loading footer...