Question

I am adapting Pattern Skin to suit our corporate look. I've done almost all the modification, but can't figure out how to move the left bar to the right of the page. I assume this is complicated by the fact that the Left bar is a constant width but the page body width adjusts to fit the screen width.

I have shell access, if this is needed, but only slightly understand how the template and css files work.

Any tips please?

Environment

-- TamsinTweddell - 05 Nov 2007

Answer

If you answer a question - or have a question you asked answered by someone - please remember to edit the page and set the status to answered. The status is in a drop-down list below the edit box.

You cannot just move the left bar to the right. I suggest you modify view.pattern.tmpl and add a container for a right bar. But I don't know what the best approach is. For pattern skin we've abandoned the right bar because too many times people have wide images and tables and those would move essential content out of sight.

On our company intranet homepage I have simply added a table. That would be the most simple approach, but it will meet frowning from frontend developers that discard tables for layout.

So editing view.pattern.tmpl, you should add at the top:

%TMPL:INCLUDE{"viewrightbar"}%

And change textcontent DEF:

%TMPL:DEF{"textcontent"}%<div class="patternTopic">%TMPL:P{"broadcastmessage"}%
<table>
<tr>
<td>%TEXT%</td>
<td>%TMPL:P{"rightbar"}%</td>
</tr>
</table>
</div><!-- /patternTopic-->%TMPL:END%

Better yet, do this in a new tmpl file, as described in PatternSkinCustomization.

-- ArthurClemens - 07 Nov 2007