Skip to main content
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages - Power Apps Portals / Entity list tooltips
Power Pages - Power Apps Portals
Answered

Entity list tooltips

(0) ShareShare
ReportReport
Posted on by KD203 84

Hello!

Recently i added a custom jquery plugin for tooltips, modal etc. called jBox to my portal. the main use for it would be having custom tooltips that look decent. For it to work properly i had to remove the existent tooltip css in the portal css files, but that broke the search field in my entity lists - it looks like this now: 

bad tooltip.png

 

It would be nice to make it use the plugin i imported, the plugin searches for all elements with the class "tooltip" and then does its own magic taking the element property "title" as the text of the tooltip. However if i cant use the plugin to fix it, then it would be fine to just delete the tooltip for these search boxes as well, and make the input and search button aligned, the only thing is i don't know where i can access the code for this, so i can fix it or delete it.

  • KD203 Profile Picture
    KD203 84 on at
    Re: Entity list tooltips

    Thank you!
    never worked with bootstrap tooltips so didnt know you had to initialize them with jquery like it points out in the docs, my bad.

  • Verified answer
    Ulrikke Akerbaek Profile Picture
    Ulrikke Akerbaek 101 on at
    Re: Entity list tooltips

    Hi @KD203.

     

    First of all I would not make changes to the portal css files at any point. These files are subject to change that might overwrite your changes - and the possibility of breaking the portal is high. Instead I would create a new css file with my changes that will overwrite the portal css styling. If you are not sure how to implement new styles with your own CSS that is documented here: https://docs.microsoft.com/en-us/powerapps/maker/portals/edit-css

     

    Now to the subject of tooltip. Bootstrap has built in support for tooltip that you can use out of the box. If there is special requirements for look and feel from customer or designers the default tooltip behaviour and design might be altered as you choose. 

    This section in the Boostrap documentation (v.3.3x) will describe the tooltip you get with bootstrap, how to use it and how it can be adjusted to meet your requirements: https://getbootstrap.com/docs/3.3/javascript/#tooltips

     

    In sum: I would revert changes to portal css, remove the library you added on top and instead wotk with the default tooltip to meet your requirements. When working with any framework it is best practice to use the default components as far as possible; both for consistent user experience and performance perspective. 

     

    If you have any further questions please let me know, and if you find this information resolves your problem please set as resolved. 

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Power Pages

#1
Lucas001 Profile Picture

Lucas001 60 Super User 2025 Season 1

#2
Fubar Profile Picture

Fubar 55 Super User 2025 Season 1

#3
surya narayanan Profile Picture

surya narayanan 35

Last month Overall leaderboard

Featured topics

Updates on Power Apps Portals - PLEASE READ

Product updates

Microsoft Power Platform Community release plans