1. #1
    Sencha User
    Join Date
    Jul 2010
    Posts
    22
    Vote Rating
    0
    DHainzl is on a distinguished road

      0  

    Question Align Textfield on the bottom line

    Align Textfield on the bottom line


    Hello,

    I have an Ext.Textfield with a multi-lined label. Is it possible to align the input-element to the bottom of the whole div? I've attached a image to my post, to describe what I mean ...
    Attached Images
    Too lazy to add a clever signature

  2. #2
    Sencha User
    Join Date
    Oct 2010
    Posts
    6
    Vote Rating
    0
    anlina is on a distinguished road

      0  

    Default


    dose anyone konw the answer?

  3. #3
    Sencha User
    Join Date
    Mar 2011
    Posts
    63
    Vote Rating
    0
    jorgeluislay is an unknown quantity at this point

      0  

    Default


    are you trying to set the value of the second textfield with the value of the first textfield ?

    Sorry, dont really understand what you want.

  4. #4
    Sencha User
    Join Date
    Oct 2010
    Posts
    6
    Vote Rating
    0
    anlina is on a distinguished road

      0  

    Default


    when the textfield's fieldLabel is too long it will be :
    2.JPG
    this i want it like:
    3.JPG

  5. #5
    Sencha User
    Join Date
    Mar 2011
    Posts
    63
    Vote Rating
    0
    jorgeluislay is an unknown quantity at this point

      0  

    Default


    Use this on the form ->

    labelAlign : 'top',

    You will see the text on top of the box and it will look better.

    Otherwise you have to use the "cls" of textfield and define the class in a .css which you are using.

  6. #6
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,332
    Vote Rating
    83
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default override the css

    override the css


    Hi
    May be you should try by overriding the css for class 'x-form-item-body'. Please have a look at the below given example.
    Code:
    var form = Ext.create('Ext.form.Panel', {
    title: 'Simple Display',
    autoHeight:true,
    renderTo: Ext.getBody(),
    items:[
         {
    xtype:'textfield',
    fieldLabel:'This is a very very long text for Textfield'
    },
    {
    xtype:'textfield'
    , fieldLabel: 'Short-Text'             
    }
    ]
    });
    
    and the css

    Code:
    .x-form-item-body{
    position: relative;
    float: none;
    vertical-align: bottom !important;
    }
    thanks
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

Similar Threads

  1. Replies: 0
    Last Post: 4 Mar 2010, 12:37 PM
  2. the textField missing bottom line
    By sdark in forum Ext 1.x: Help & Discussion
    Replies: 7
    Last Post: 22 Jul 2008, 10:55 PM
  3. How to align button with TextField in the same line?
    By ajaxE in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 20 Apr 2008, 3:50 PM
  4. How to align toolbar to the bottom?
    By soad in forum Ext 1.x: Help & Discussion
    Replies: 4
    Last Post: 21 Apr 2007, 10:46 AM

Thread Participants: 3

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