Susan Javurek said the following on 08/06/2011 06:51 PM:
Hi,

My sidebars weren't showing so I added variables to my controller,
e.g. " @sidebar_text = subscriber_page.render_part(:sidebar)" and then
in my view code "<%= @sidebar_text %>".  Is there a better way?

Yes.
Use CSS.   Its cleaner and more elegant.


I have in my layout file


 </head>
  <body id="<r:slug />" style="width: 1024px">

    .......

    <div id="content">
    <div class="container">
      <div id="main" style="clear:left;">

        <div class="left narrow" id="sidebar">
          <r:content part="sidebar" inherit="true" />
        </div>

        <div class="right wide">
          <r:content />
        </div>
      </div>


Or sometimes I have more detail

        <div id="leftside"><div id="sidebar">
                 <r:content part="sidebar-high" inherit="true" />
                 <r:content part="sidebar" inherit="true" />
                 <r:content part="sidebar-low" inherit="true" />
                 <r:content part="announcement" inherit="true" />
        </div></div>





And the CSS

#leftside {
   clear:left; float:left; margin:0 0 5px; padding:0; width:180px;
}

I use #sidebar or both left and right types in different layouts so I can do
* Sidebar */
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 8px 8px; padding:0;}
#sidebar ul li, #sidebar ol li {
          list-style:square; padding:0; margin:0 0 4px 12px;
}
#sidebar p.block {font-size:0.9em; line-height:1.4em; margin:5px auto 15px auto; padding:5px; color:#555; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd;
}




There are many sites that discuss using CSS for sidebar panels
In general, its easier with CSS than anything else :-)
Once you've mastered CSS, and CSS is worth the learnign curve.

http://csscreator.com/node/30906
http://bluerobot.com/web/layouts/layout2.html





Reply via email to