Styling pe:tooltip

Community Driven Extensions Project
Post Reply
asalsol
Posts: 20
Joined: 18 Sep 2012, 06:29

28 Oct 2012, 05:23

I can't seem to style the tooltip component. It doesn't support 'style' or 'styleClass' attribute. I've even tried to use the primefaces selectors for tooltip but that wouldn't work either.

I'm trying to change the background and border colors of the tooltip component. I would appreciate some help with this.


Thanks,


---------------------------
Primefaces 3.4.1, Primefaces extensions 0.6.1, Majorra JSF 2.1.7, JBoss AS 7.1.1 Final

User avatar
Oleg
Expert Member
Posts: 3805
Joined: 02 Oct 2009, 09:41
Location: Germany, Black Forest

28 Oct 2012, 11:41

Hi,

You don't need 'style' or 'styleClass'. If you look Firebug, pe:tooltip has CSS classes "ui-tooltip", "ui-tooltip-tip", "ui-tooltip-content", etc. You can overwrite these classes in your custom CSS file.
PrimeFaces Cookbook (2. edition): http://ova2.github.io/primefaces-cookbook/ Learning Angular UI Development with PrimeNG: https://github.com/ova2/angular-develop ... th-primeng Blog: https://medium.com/@OlegVaraksin

Post Reply

Return to “Extensions”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 7 guests