Columns layout

   Previous topic Next topic Print this topic Mail us feedback on this topic!

  Layout settings  
  Number of left columns: Sets the number of columns in the layout that will float to the left.  
  Use center column: If checked, a center column will be added into the remaining space between the left and right columns in the layout.  
  Number of right columns: Sets the number of columns in the layout that will float to the right.  
  Height: Sets the height of the column layout. It must be specified as a CSS style value, e.g. 200px or 50%.  
  Equal columns height: If checked, all columns will be automatically adjusted to have the same height.  
   

  Left columns  
  First left column width: Sets the width of the first column on the left, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic width adjustment.  
  First left column height: Sets the height of the first column on the left, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic height adjustment.  
  First left column CSS class: Sets the name of the CSS class applied to the first column on the left.  
  Second left column width: Sets the width of the second column on the left, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic width adjustment.  
  Second left column height: Sets the height of the second column on the left, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic height adjustment.  
  Second left column CSS class: Sets the name of the CSS class applied to the second column on the left.  
  Third left column width: Sets the width of the third column on the left, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic width adjustment.  
  Third left column height: Sets the height of the third column on the left, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic height adjustment.  
  Third left column CSS class: Sets the name of the CSS class applied to the third column on the left.  
   

  Center column  
  Center column height: Sets the height of the center column, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic height adjustment.  
  Center column CSS class: Sets the name of the CSS class applied to the center column.  
   

  Right columns  
  First right column width: Sets the width of the first column on the right, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic width adjustment.  
  First right column height: Sets the height of the first column on the right, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic height adjustment.  
  First right column CSS class: Sets the name of the CSS class applied to the first column on the right.  
  Second right column width: Sets the width of the second column on the right, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic width adjustment.  
  Second right column height: Sets the height of the second column on the right, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic height adjustment.  
  Second right column CSS class: Sets the name of the CSS class applied to the second column on the right.  
  Third right column width: Sets the width of the third column on the right, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic width adjustment.  
  Third right column height: Sets the height of the third column on the right, specified as a CSS style value, e.g. 200px or 50%. Leave the value blank to use automatic height adjustment.  
  Third right column CSS class: Sets the name of the CSS class applied to the third column on the right.  
   

Help URL: http://devnet.kentico.com/docs/widgets/index.html?ColumnLayout_properties.htm