web
You’re offline. This is a read only version of the page.
close
Skip to main content
Community site session details

Community site session details

Session Id :
Dynamics 365 Community / Forums / Microsoft Dynamics CRM (Archived) / Create new Pop Up help...
Microsoft Dynamics CRM (Archived)

Create new Pop Up helpers balloons for some fields in Portal Case form

(0) ShareShare
ReportReport
Posted on by Blitzey 370

Hello,

I am using CRM Online.

I am willing to create some helpers for my users that are having issues filling forms, for this I would like to create some more helper balloons on the form. Please see below the one that comes with Portals as default.

2642.popUp.PNG

Any help is welcome.

*This post is locked for comments

I have the same question (0)
  • Community Member Profile Picture
    Community Member on at
    RE: Create new Pop Up helpers balloons for some fields in Portal Case form

    Hi Ravi,

    I try to do the same thing but on the search page :

    When I put my mouse on the title of my research, base on knowledge article, I want to see the title and the content of my article ...

    I know how to do it on cutom entity list, but i have to use the standard Search page and I can't put a <div class="tooltip">  ...  </div> on a webtemplate because it's an .aspx

    I supposed I have to use a javascrip but I'm not a developer ...

    Can you help me ?

    Thank

  • Verified answer
    RaviKashyap Profile Picture
    RaviKashyap 55,410 Moderator on at
    RE: Create new Pop Up helpers balloons for some fields in Portal Case form

    Hi,

    I  was curious to to see how it can be done. So I tried this on the case create form and it seem to be working :)

    JavaScript

    =========

    --------------------------------------------------------------------

    $(document).ready(function() {  

     // Set tooltip for title

     $('#title').attr('title', 'Enter case title here');

     $("#title").tooltip({

         position: "left",      

         offset: [-2, 10],

         effect: "fade",

         opacity: 0.7

         });

     // Set tooltip for customer

     $('#customerid_name').attr('title', 'Select customer type');

     $("#customerid_name").tooltip({

         position: "left",      

         offset: [-2, 10],

         effect: "fade",

         opacity: 0.7

         });

    });

    --------------------------------------------------------------------

    CSS

    =====

    --------------------------------------------------------------------

    .tooltip {

       background-color:#000;

       border:1px solid #fff;

       padding:10px 15px;

       width:200px;

       display:none;

       color:#fff;

       text-align:left;

       font-size:12px;

       /* outline radius for mozilla/firefox only */

       -moz-box-shadow:0 0 10px #000;

       -webkit-box-shadow:0 0 10px #000;

    }

    --------------------------------------------------------------------

    I added these on the case create web page [content].

    portaltooltip.png

    Hope this helps

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

Join experts in person to explore low code and AI agents at the Power Platform Community Conference sponsored by Microsoft

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Abhilash Warrier – Community Spotlight

We are honored to recognize Abhilash Warrier as our Community Spotlight honoree for…

Congratulations to the September Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > 🔒一 Microsoft Dynamics CRM (Archived)

#1
HR-09070029-0 Profile Picture

HR-09070029-0 2

#1
Aric Levin - MVP Profile Picture

Aric Levin - MVP 2 Moderator

#3
ED-30091530-0 Profile Picture

ED-30091530-0 1

Last 30 days Overall leaderboard

Featured topics

Product updates

Dynamics 365 release plans