Skip to main content

Notifications

Announcements

No record found.

Microsoft Dynamics CRM (Archived)

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

Posted on by 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

  • Community Member Profile Picture
    Community Member Microsoft Employee 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 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

Quick Links

December Spotlight Star - Muhammad Affan

Congratulations to a top community star!

Top 10 leaders for November!

Congratulations to our November super stars!

Tips for Writing Effective Suggested Answers

Best practices for providing successful forum answers ✍️

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,269 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 230,198 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans