Hybrid View

  1. #1
    Ext User
    Join Date
    Aug 2010
    Posts
    8
    Vote Rating
    0
    BaminiPrakash is on a distinguished road

      0  

    Default qtip with autohide disabled in a xml-grid

    qtip with autohide disabled in a xml-grid


    Hi,

    I am using ext-js xml-grid and qtip. xml-grid has come well as per my requirement. I am trying to use the quicktips from ext-js examples. for some reason the style sheet or image is not working. I am trying to use the sutohide disabled with closable true.

    my code is:
    {header: "<font size='2'><b>Status Reason</b></font>", width: 116, dataIndex: 'StatusReason', sortable: true,id:'StatusReason',
    renderer: function (pValue,pCell) {
    pCell.attr += ' ext:qtip="' + pValue + '"' + 'ext:hide=false' ;
    return pValue;
    }

    I am not able to bring the close button in the example. the example itself is not working in my local. it is working only in ext-js site. please let me know how i bring that color and close button in tip2 style. the above is a dynamice code.
    the static example code is

    new Ext.ToolTip({
    target: 'tip2',
    html: 'Click the X to close me',
    title: 'My Tip Title',
    autoHide: false,
    closable: true,
    draggable:true
    });
    <style type="text/css">
    .tip-target {
    width: 100px;
    text-align:center;
    padding: 5px 0;
    border:1px dotted #99bbe8;
    background:#dfe8f6;
    color: #15428b;
    cursor:default;
    margin:10px;
    font:bold 11px tahoma,arial,sans-serif;
    float:left;
    }
    </style>
    <div id="tip2" class="tip-target">autoHide disabled</div>

    how do i make this as dynamice in xml-grid.js for a data from xml file.

    Thanks
    Bamini

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      0  

    Default


    You could use:
    Code:
    Ext.QuickTip.prototype.closable = true;
    Ext.QuickTips.init();
    but this will enable the close button for all quicktips.

    If you don't want that, then you should use a separate ToolTip for your cell tip (try Animal's DataTip user extension).

  3. #3
    Ext User
    Join Date
    Aug 2010
    Posts
    8
    Vote Rating
    0
    BaminiPrakash is on a distinguished road

      0  

    Default


    sencha_pic.JPG

    Hi Condor,

    Hope you can view the above picture. I think I am missing some styles. I don't get the same color or the 'x' button for close. After I added your code, I can see that the hyperlink symbol appears when I move the mouse to that place but not seeing the x button.

    Can you help me to find that code?

    Thanks
    Bamini

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      0  

    Default


    Sorry, but my eyes aren't THAT good! Can you post the image again (but a little bigger this time)?

  5. #5
    Ext User
    Join Date
    Aug 2010
    Posts
    8
    Vote Rating
    0
    BaminiPrakash is on a distinguished road

      0  

    Default


    Quote Originally Posted by Condor View Post
    Sorry, but my eyes aren't THAT good! Can you post the image again (but a little bigger this time)?
    secha.JPG

    Hope this is clear..

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,483
    Vote Rating
    35
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Getting any 404s in Firebug's Net tab?

Similar Threads

  1. How got a normal qtip and a error qtip in same time?
    By khatuido in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 5 Feb 2008, 5:48 AM
  2. LayoutRegion, autoHide -> 1.1b
    By evant in forum Ext 1.x: Bugs
    Replies: 1
    Last Post: 12 Jun 2007, 10:33 PM

Thread Participants: 2

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar