Results 1 to 10 of 10

Thread: fieldset's title in multiple lines

  1. #1
    Sencha User
    Join Date
    Feb 2009
    Posts
    33

    Default fieldset's title in multiple lines

    Hello,

    I have a formpanel with two columns, each colums has a few fieldsets with titles, my problem is that the title of fieldset in FF is displayed in one line but in IE is displayed in multiple lines, it depends on the separation between workd (blank space). Is there some property to stop this behavior?

    Thanks in advance

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,410

    Default

    Can you provide a screenshot with a bit more details?

    Regards,
    Scott.

  3. #3
    Sencha User
    Join Date
    Feb 2009
    Posts
    33

    Default

    Sorry Scott,

    I have been working in other projects. There is my problem, I have uploaded a image with the issue.

    You can see to in firefox is right but in Iexplore 8 the tittle is inside of border fieldset and hte tittle fill two lines.

    Thanks in advance
    Attached Images Attached Images

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,410

    Default

    Do you see the behavior with our online examples:
    http://dev.sencha.com/deploy/ext-3.4...eck-radio.html

    Can I get the version of ExtJS3 that you are using?
    Do you have any custom CSS, or do you use ext-all-scoped.css?

    Scott.

  5. #5
    Sencha User sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,335

    Default

    Hi,

    Did you use nested fieldset, for example this fieldset is in another parent fieldset that has no border?
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  6. #6
    Sencha User
    Join Date
    Feb 2009
    Posts
    33

    Default

    Hi sword-it,

    Yes, I have fieldset nested, I have enable all borders and it work fine, but I want disable some borders of parent fieldset, How I can do?.

    Thanks in advance!!

  7. #7
    Sencha User sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,335

    Default

    Hi,

    In ext-all.css file below lines breaks legend for nested fieldsets

    /* IE legend positioning bug */
    .ext-ie .x-fieldset-noborder legend {
    position: relative;
    margin-bottom:23px;
    }
    .ext-ie .x-fieldset-noborder legend span {
    position: absolute;
    left:16px;
    }

    you should try this one for your parent fieldset:
    {
    xtype:'fieldset'
    //, border:false
    , style:'border:none'
    }
    remove the border false property and add style as border:none.
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  8. #8
    Sencha User
    Join Date
    Feb 2009
    Posts
    33

    Default

    I have done this:

    on the file ext-all.css:

    Code:
    /* IE legend positioning bug */
    /*.ext-ie .x-fieldset-noborder legend {
        position: relative;
        margin-bottom:23px;
    }
    .ext-ie .x-fieldset-noborder legend span {
        position: absolute;
        left:16px;
    }*/
    In my scrypt:

    var secondColumnFirstTab = {
    style:'border:none',
    xtype: 'fieldset',
    ....
    };

    Right?

  9. #9
    Sencha User sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,335

    Default

    No no, do not comment out these lines ext-all.css file, I have just written that lines to show you why it is broken.

    Just remove border:false property from your parent fieldset and add style as border:none.

    Do not remove or comment out anything from ext-all.css.
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  10. #10
    Sencha User
    Join Date
    Feb 2009
    Posts
    33

    Default

    Sword-it, very thanks, it worked as you said me.

    Greetings!!

Posting Permissions

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