1. #1
    Sencha User
    Join Date
    Mar 2007
    Posts
    186
    Vote Rating
    0
    Nullity is on a distinguished road

      0  

    Default QuickTips ext:width goes wacky

    QuickTips ext:width goes wacky


    While testing some things for QuickTips in Ext 1.0 Final, I noticed that setting a width causes a very odd issue. It would be difficult to describe, so here is a short test:

    HTML Code:
    <html>
    <head>
    <link rel='stylesheet' type='text/css' href='/ext/resources/css/ext-all.css'>
    <script type="text/javascript" src="/ext/yui-utilities.js"></script>
    <script type="text/javascript" src="/ext/ext-yui-adapter.js"></script>
    <script type="text/javascript" src="/ext/ext-all-debug.js"></script>
    </head>
    
    <body>
    
    <script type="text/javascript">
    Ext.QuickTips.init();
    </script>
    
    <input type="button" id="qtip_btn" value="QuickTip Test" ext:qtip="QTip" ext:width="100">
    
    </body>
    </html>

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    try ext:maxWidth="100"

  3. #3
    Sencha User
    Join Date
    Mar 2007
    Posts
    186
    Vote Rating
    0
    Nullity is on a distinguished road

      0  

    Default


    ext:maxWidth does nothing; it's not even a valid tag. From QuickTips.js:

    Code:
    tagConfig : {
    	namespace : "ext",
    	attribute : "qtip",
    	width : "width",
    	target : "target",
    	title : "qtitle",
    	hide : "hide",
    	cls : "qclass"
    }
    You can set 'Ext.QuickTips.maxWidth', but that's just a global to set the maximum width that each tip can be. This defaults to 300, so I'm still within limits when I try to set ext:width="100".

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    I don't know if config tags are being handled the same as when they're pulled as attributes of an Element. I tried maxWidth and it worked on your page.

  5. #5
    Sencha User
    Join Date
    Mar 2007
    Posts
    186
    Vote Rating
    0
    Nullity is on a distinguished road

      0  

    Default


    Are you sure it worked? I changed this line:
    HTML Code:
    <input type="button" id="qtip_btn" value="QuickTip Test" ext:qtip="QTip" ext:width="100">
    to this:
    HTML Code:
    <input type="button" id="qtip_btn" value="QuickTip Test" style="width: 200px;" ext:qtip="QTip" ext:maxWidth="200">
    and I attached an image of the results.

    It's not "working" per se, it's it's just not causing the error because ext:maxWidth is ignored completely (or isn't doing what we intend). I changed the size from 100 to 200 for easier comparison. As you can see using maxWidth, the qtip obivously isn't being set to 200px otherwise, it would be the same width as the button.
    Attached Images

  6. #6
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Maybe that's not why it worked. It appears looking at the rendered HTML, that the div is not getting a width, so in your case, it's 100% of it's container. If I put the input tag in a div with a width, the qtip width is constrained - not sure at this point, how it's being calculated.

  7. #7
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    17
    jack.slocum will become famous soon enough jack.slocum will become famous soon enough

      0  

    Default


    This is already fixed in SVN.
    Jack Slocum
    Ext JS Founder
    Original author of Ext JS 1, 2 & 3.
    Twitter: @jackslocum
    jack@extjs.com

  8. #8
    Sencha User
    Join Date
    Mar 2007
    Posts
    186
    Vote Rating
    0
    Nullity is on a distinguished road

      0  

    Default


    Thanks Jack!

Thread Participants: 2

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi