Can you please give some advice on the ToolTip used in the new packaged applications

Hello
I use apex 4.1 theme 23.
I would use the ToolTip used in the new packaged app.
Can you please give some advice or the "Details" on ToolTip, used in the new packaged applications. for example: go live checklist request.
Once we fly over "Check list items" region. We get the tootip.

1. how to find the class "detailedStatusList".
2. how to find "detailedStatusListToolTip();" JavaScript function used in "execute when Page Loads.
3. is there a tool to generate the source in the region to "check list items.

I don't know if there are more, I need to know...

* the tooltip plugin isn't solid...

Kind regards
Water
Advertisement

Good morning, water,

My goal is to use it in IR for the column notes. I can't show all the notes on the report. so I use RPAD to show only the first words. and the rest should be available by using the ToolTip.

Fact :D

You need to use SUBSTR to restrict the notes to a few words, not RPAD.

  • I changed the IR query as follows...

    select
    Deptno,
    Dname,
    Loc,
    substr(notes,1,25) || '<div class="long-notes" style="display:none;">'||notes||'
  • ' as "Notes" from "DEPT"

  • Column attributes: Note > formatting of column > Expression HTML

    <div class="short-notes">#Notes#
  • Edit Page > JavaScript > function and global variables declaration

    function setNotesToolTip() {
         this.xOffset = 0; // x distance from mouse
         this.yOffset = 10; // y distance from mouse
    jQuery("div.short-notes").hover(
         function(e) {
              var insideText = jQuery("div.long-notes",this).html()
              this.top = (e.pageY + yOffset);
              this.left = (e.pageX + xOffset);
              $('body').append('
    ' + insideText + '
    ' ); $('div#notes-tooltip').css("top", this.top+"px").css("left", this.left+"px").delay(500).fadeIn("fast"); }, function() { jQuery("div#notes-tooltip").fadeOut("false").remove(); } ).mousemove( function(e) { this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset); jQuery("div#notes-tooltip").css("top", this.top+"px").css("left", this.left+"px"); } ) }

  • Edit Page > header and footer > footer text

    <style>
    div#notes-tooltip {
        background-color: #F8F8F8;
        border: 1px solid #AAAAAA;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
        position: absolute;
        width: 420px;
        padding: 4px;
    }
    </style>
    

  • And finally called setNotesToolTip(); while the page is loading. (Run when the Page loads)

    Kind regards
    Hari

  • Tags: Database

    Similar Questions

    Maybe you are looking for


    HashFlare