1. #1
    Sencha User
    Join Date
    Jun 2008
    Posts
    138
    Vote Rating
    7
    jchau is an unknown quantity at this point

      0  

    Default Unanswered: Textbox - why so much bloated markup / HTML ?

    Unanswered: Textbox - why so much bloated markup / HTML ?


    I want to display a simple textbox in a page. The TextField component wraps the input in a table with 3 cells. If I am not putting the TextField on a form or using form layout, is there a way to make it generate less bloated markups?

  2. #2
    Sencha - Community Support Team friend's Avatar
    Join Date
    Apr 2011
    Posts
    895
    Vote Rating
    27
    Answers
    106
    friend has a spectacular aura about friend has a spectacular aura about

      0  

    Default


    The extra markup ensures a consistent size and style across browsers. It's a personal opinion, but I don't think a few extra DOM objects are going to cause your application that much grief.

    As an alternative, you could always just use a plain old HTML input field; but then you'd have to style it/label it/size it/event handle it in a cross-browser compatible way, where this would consitute a lot of manual code/CSS, etc...

  3. #3
    Touch Premium Member suzuki1100nz's Avatar
    Join Date
    Apr 2011
    Location
    New Zealand
    Posts
    464
    Vote Rating
    69
    Answers
    21
    suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice

      0  

    Default


    As per Friends comments it also has additional element to cater for error message positions and the label etc...

    You can create a simple version by extending Ext.form.field.Text and overidding the
    relevant tpl e.g. renderTpl, labelableRenderTpl

Thread Participants: 2