1. #1
    Sencha User
    Join Date
    Dec 2009
    Location
    Greater Noida,India
    Posts
    8
    Vote Rating
    0
    jainanuj82 is on a distinguished road

      0  

    Default Issue in creating layout using table layout

    Issue in creating layout using table layout


    Hello,

    I want to create table layout in my web page.
    I have given columns value as 4, and i have added 8 items in the item list.
    But now the second row is just touching the first row. Can i create some gap b/w the two?Below is my code:

    Code:
     
    {
         title: 'Other Model Impact',
         height: 100,
         id : 'otherModelImpactPanelId',
         layout: 'table',
         layoutConfig: {
                // The total column count must be specified here
                columns: 4
                
            },
              
           items : [
               { xtype: 'label',
            id : 'workAreaModelImpactLabel',
              cls: 'pcpLabel',
              text: 'Work Area' },
              
            { xtype: 'textfield',
              id: 'workAreaModelImpact',
              allowBlank: true,
              hidden:false
            },
           { xtype: 'label',
            id : 'equipmentModelModelImpactLabel',
            cls: 'pcpLabel',
            text: 'Equipment Model' },
           { xtype: 'textfield',
              id: 'equipmentModelModelImpact',
              allowBlank: true,
              hidden:false
            },
            { xtype: 'label',
            id : 'equipmentIdModelImpactLabel',
              cls: 'pcpLabel',
              text: 'Equipment Id' },
              
            { xtype: 'textfield',
              id: 'equipmentIdModelImpact',
              allowBlank: true,
              hidden:false
            },
           { xtype: 'label',
            id : 'eventNameModelImpactLabel',
            cls: 'pcpLabel',
            text: 'Event Name' },
           { xtype: 'textfield',
              id: 'eventNameModelImpact',
              allowBlank: true,
              hidden:false
            }
           
           ]  
         
        }
    What is the best layout to use in this case, i can not use formlayout as i will different type of fields in form here.

    Please suggest!

    I have tried to set defaults:

    Code:
     
    defaults : {
         bodyStyle : 'padding:40px'
        },
    But it does not do anything.

    Please help!!

  2. #2
    Sencha User
    Join Date
    Dec 2009
    Location
    Greater Noida,India
    Posts
    8
    Vote Rating
    0
    jainanuj82 is on a distinguished road

      0  

    Question


    Please reply someone!!!

    I am blocked on this.. i am not able to create a good looking layout..

Similar Threads

  1. table layout colunm height issue
    By king-greg in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 8 Dec 2009, 2:45 AM
  2. table layout column width issue
    By bastola in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 1 Sep 2009, 1:40 AM
  3. issue with a 'table' layout in a panel component
    By Krovatkin in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 27 Jan 2009, 8:36 PM

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