Results 1 to 3 of 3

Thread: textfield with icon question

  1. #1
    Ext JS Premium Member
    Join Date
    Dec 2011
    Posts
    232
    Vote Rating
    2
      0  

    Default textfield with icon question

    I need to add an icon question at the end of the textfield and assign at this it a tooltip with "my text"
    I use Sencha Architect and ExtJs 4.1.3.

    Immagine.png

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      0  

    Default

    Without being able to dig too deep into an override (since you're in Architect) then you can create a container using hbox layout and have the field and a component where component is the icon.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Ext JS Premium Member
    Join Date
    Dec 2011
    Posts
    232
    Vote Rating
    2
      0  

    Default

    I resolved... on the afterrender of the component I use this funcion:

    function setToolTipInfo(cmp,msg,titolo){
    var idInfo= cmp.id+'_info';
    cmp.bodyEl.insertHtml('afterEnd','<span class="icon-info" id="'+idInfo+'"></span>');
    setToolTip(idInfo,idInfo,msg,titolo);
    }

    function setToolTip(id,target,msg,titolo){
    var myTootlip= Ext.getCmp('ToolTip'+id);

    if (myTootlip){
    myTootlip.update(msg);
    }else{
    Ext.create('Ext.tip.ToolTip', {
    id: 'ToolTip'+id,
    itemId: 'ToolTip'+id,
    target: target,
    title: titolo,
    html: msg
    });
    }
    }

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •