Autocomplete Itemtip Background Color & width

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
User avatar
undermensch
Posts: 140
Joined: 08 Jul 2010, 14:37
Location: Florida, United States

26 Jun 2018, 14:16

Item tip background color not set, background appears transparent, makes it impossible to read if overlays underlying text.
Item tip width leaves no padding on right between longest line of text and right edge.

Thanks

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

28 Jun 2018, 08:55

Fixed for next version. Please try;

Code: Select all

<style type="text/css">
    body .ui-autocomplete-itemtip.ui-state-highlight {
        background-color: #f4a779;
        color: #333333;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    }
</style>
Item tip width leaves no padding on right between longest line of text and right edge.
- This is a PrimeFaces issue. Therefore, at the moment, you can use the following css;

Code: Select all

<style type="text/css">
    body .ui-autocomplete-itemtip.ui-state-highlight {
        width: auto !important;
    }
</style>

User avatar
undermensch
Posts: 140
Joined: 08 Jul 2010, 14:37
Location: Florida, United States

28 Jun 2018, 13:16

Excellent. Thank you.
PrimeFaces-11.0.6 / Wildfly 24

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

29 Jun 2018, 08:25

You're welcome!

Post Reply

Return to “Harmony - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests