tooltip on p-selectbutton

UI Components for Angular
Post Reply
quekqh
Posts: 7
Joined: 19 Jul 2018, 12:15

01 Nov 2019, 10:50

I'm trying to implement a tooltip on p-selectbutton. It's fine on desktop as I've added the "title" attribute, so when the user hovers over the button, a title pops out describing what each button is. However, on mobile view there is no title attribute.

My first attempt on a workaround for mobile tooltip was to add an info icon at the side of the select button, and make the tooltip appear if the user clicks on the info icon. However, adding .active and .focus css class to detect the user clicking the info icon wasn't as accurate as I hope. The select button get selected together with the icon at times.

For a second workaround, I've been thinking to have a split button that show the the tooltip instead. However, select button doesn't allow me to change the buttons into split buttons. Any help on this? Greatly appreciated!

Let me know if my explanation is not clear enough :P

Thanks!

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 12 guests