1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    9
    Vote Rating
    0
    jdesmedt is on a distinguished road

      0  

    Default Unanswered: Inline textfield

    Unanswered: Inline textfield


    Hi,

    Is it possible to have an inline textfield / selectfield?
    I need it in my app to allow a user to complete a sentence.
    E.g: ..... is the planet closest to the sun.

    Can this be achieved in Sencha touch?

  2. #2
    Sencha User
    Join Date
    Apr 2010
    Location
    China
    Posts
    227
    Answers
    64
    Vote Rating
    20
    haduki will become famous soon enough haduki will become famous soon enough

      0  

    Default


    Code:
                        {
                            label: 'label',
                            xtype: 'textfield',
                            listeners:{
                                initialize: function(c){
                                    var el=Ext.DomHelper.append(c.element,
                                        {
                                            tag:'p',
                                            html:'is the planet closest to the sun',
                                            cls:'centeredCls' 
                                        },
                                        true
                                    );
                                    el.setStyle({
                                        'line-height':'2.5em'
                                    });
                       
                                }
                            }
             
                        }
    I write English by translator.

  3. #3
    Sencha User
    Join Date
    Mar 2012
    Posts
    9
    Vote Rating
    0
    jdesmedt is on a distinguished road

      0  

    Default


    This is not exactly what I want...
    Your code inserts text after the inputfield, but I need an inline textfield component. I need to be able to have multiple inline textfields on one line where the textfield is not the full width of the screen.
    Here is a screenshot of what I want (language in the image is Dutch):Screenshot_2012-10-11-11-45-12.png

  4. #4
    Sencha User
    Join Date
    Apr 2010
    Location
    China
    Posts
    227
    Answers
    64
    Vote Rating
    20
    haduki will become famous soon enough haduki will become famous soon enough

      0  

    Default


    Code:
     Ext.create('Ext.Panel', {
         fullscreen:true,
         html:'<div>aaaaaaaaaa<div id="div1" style="display:inline-block"></div>bbbbbb</div>',
         listeners:{
             painted:function(){
               Ext.create('Ext.field.Text',{
               width:50,
               renderTo:Ext.fly('div1')
              })
             }
         }
     })
    I write English by translator.

Thread Participants: 1

Tags for this Thread

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..."