1. #1
    Sencha User
    Join Date
    Oct 2012
    Location
    Hyderabad,India
    Posts
    2
    Vote Rating
    0
    Devendar G is on a distinguished road

      0  

    Default how to hide the items of the fieldset?

    how to hide the items of the fieldset?


    Hi all,
    I am struggling one problem that, when I am hiding an item in the FieldSet, Then the allocated column width of that item is occupied by another item of that fieldset. So that my field set view is completely disturbing. How can i over come this problem. please provide a solution.
    thanks in advance.


    Dev

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,080
    Vote Rating
    467
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    You will need to provide more information about how your layout is setup and please provide a screen as well.

    Scott.

  3. #3
    Sencha User
    Join Date
    Oct 2012
    Location
    Hyderabad,India
    Posts
    2
    Vote Rating
    0
    Devendar G is on a distinguished road

      0  

    Default


    Hi Scott, Thanks for responding.

    here is my screen shot, related code and description.


    var fieldSet1 = {
    xtype : 'fieldset',
    id : 'b1',
    monitorValid: true,
    hideBorders : true,
    frame: false,
    header: false,
    maskOnDisable : false,
    hideLabel : true ,
    monitorResize : false,
    style: 'border-width: 0px',
    width: 650,
    height : 60,
    layout: 'column',
    items : [ {columnWidth: .21,border:false,html:'Bucket1'},
    {columnWidth: .07,border:false,items : greaterField1},
    {columnWidth: .12,border:false, items:bucket1_nf1},
    {columnWidth: .07,border:false,html:'To'},
    {columnWidth: .18,border:false, items:bucket1_nf2}]
    };
    var fieldSet2 = {........ };
    var fieldSet3 = {...... }
    .
    .
    .
    var fieldSet7 = { ...... }

    and I have to add these field sets to to form panel dynamically based upon the button('One More Bucket') click. Whenever I click the button it need to add one extra bucket to the form and at the same time the '>=' Label (2nd item of FieldSet) of the previous field set should not be visible and view of the panel should not be disturbed.

    when it is happening, the view of the form panel is disturbing.
    So please provide a way to overcome from it .

    Thanks in advance,

    Dev



    bucket.jpg

Thread Participants: 1