Announcement

Collapse
No announcement yet.

Odd layout

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Blade-uk
    replied
    Originally posted by Lynne View Post
    You will have to create a grid, flatten it, and modify the CSS for it. Or, just rewrite all the code in the flattened grid textarea. See this - layout allowing 2 widgits horizontally?
    I managed to do it here - http://www.eteknix.com/

    Only problem is that the side panel's are different width's as you can see on the site. Any ideas on making them the same width for the new layout?

    I used to use this code:

    Code:
    <style type="text/css">
    .yui-tvb-l25 {width: 18%;}
    .yui-tvb-l50 {width: 60%;}
    </style>
    My code is:

    Layout Manager UI HTML

    Code:
    <div id="doc3" class="yui-t5">
    <div id="bd">
    <div id="yui-main">
    <div class="yui-b">
    <div class="yui-gf">
    <div class="yui-u first yui-panel">
    <ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
    </div>
    <div class="yui-g yui-panel">
    <ul class="list_no_decoration widget_list" id="widgetlist_column4">$column[4]</ul>
    </div>
    <div class="yui-g">
    <div class="yui-u first yui-panel">
    <ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
    </div>
    <div class="yui-u yui-panel">
    <ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="yui-b yui-panel">
    <ul class="list_no_decoration widget_list" id="widgetlist_column5">$column[5]</ul>
    </div>
    </div>
    </div>
    Default Template HTML

    Code:
    <style type="text/css">
    .yui-u {width: 18%;}
    .yui-tvb-l50 {width: 60%;}
    </style><div id="doc3" class="yui-t5">
    <div id="bd">
    <div id="yui-main">
    <div class="yui-b">
    <div class="yui-gf">
    <div class="yui-u first yui-panel">
    <ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
    </div>
    <div class="yui-g yui-panel">
    <ul class="list_no_decoration widget_list" id="widgetlist_column4">$column[4]</ul>
    </div>
    <div class="yui-g">
    <div class="yui-u first yui-panel">
    <ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
    </div>
    <div class="yui-u yui-panel">
    <ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="yui-b yui-panel">
    <ul class="list_no_decoration widget_list" id="widgetlist_column5">$column[5]</ul>
    </div>
    </div>
    </div>

    Leave a comment:


  • Lynne
    replied
    You will have to create a grid, flatten it, and modify the CSS for it. Or, just rewrite all the code in the flattened grid textarea. See this - layout allowing 2 widgits horizontally?

    Leave a comment:


  • Blade-uk
    started a topic [CMS] Odd layout

    Odd layout

    Hi guys, currently using a layout on my site that uses 3 columns.

    Can find it here - http://www.eteknix.com/

    I want my layout to be like this so i can put 2 widgets side by side:



    How would i go about doing this? I've had a dabble with the grids but can't work it out.

    Thanks,

    Andy

Related Topics

Collapse

Working...
X