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

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