[Plone-UI] Portlet layout

[espenmn]

Ok, so far so good. The rest can (probably) be done in css. 
What I would have done is (if you send me the template I can test if it
works): 

display portlets as block, something like this: #portlet {display: block;
width: 30%; float-left}


Samir Madi wrote:
> 
> ok,
> i inserted a new column-two below the main content of the main page, like
> this:
> 
>                     
>                     
> 
>                   </div>
> 
>                 </div>
> 
>               </metal:block>
>             </td>
>             <tal:comment replace="nothing"> End of main content block
> </tal:comment>
> 
> 
>           </tr>
>           <tr>
>             <td id="portal-column-two"
>                 metal:define-slot="column_two_slot"
>                 tal:condition="sr">
>               <div class="visualPadding">
>                 <metal:portlets define-slot="portlets_two_slot">
>                   <tal:block replace="structure
> provider:plone.rightcolumn" />
>                 </metal:portlets>
>                 &nbsp;
>               </div>
>             </td>
>           </tr>
>         </tbody>
>       </table>
>       <tal:comment replace="nothing"> end column wrapper </tal:comment>
> 
>       <div class="visualClear" id="clear-space-before-footer"><!--
> --></div>
> 
> 
> but when i load the page, all my 3 portlets (news, events, recent changes)
> satyed one above each other, and expanded to the whole width...
> and i wanted them to be displayed INLINE, side by side, with 33% of width
> for each....
> 
> i dont know if i made myself clear,
> but thats what i need... if anyone can help, i'd appreciate ....
> 
> 
> 
> 
> 
> espenmn wrote:
>> 
>> I think that will do.
>> 
>> 
>> Samir Madi wrote:
>>> 
>>> ok, but where, into main_template.pt should i put the column-two (i.e.)
>>> so it stays below the main content and above the footer?
>>> 
>>> thanks, 
>>> 
>>> 
>>> espenmn wrote:
>>>> 
>>>> I would think you could open main_template in a html-editor (like
>>>> Dreamweaver) and just move the right column down to the bottom.
>>>> the portlets would then be set by display: block and float: left
>>>> 
>>>> 
>>>> 
>>>> Samir Madi wrote:
>>>>> 
>>>>> yeah, but HOW would i do it on the main_template?
>>>>> wouldnt the position of the portlets be set in the css?
>>>>> 
>>>>> 
>>>>> 
>>>>> espenmn wrote:
>>>>>> 
>>>>>> If you use tableless layout you should be able to do this with just
>>>>>> one line of css (which you can place in ploneCustom) (and maybe
>>>>>> moving all the portlets to the right slot), probably....
>>>>>> 
>>>>>> #portal-column-two{width: 100% clear: both;}
>>>>>> 
>>>>>> The most "elegant" way is probably to edit the main template....
>>>>>> 
>>>>>> 
>>>>>> dramos wrote:
>>>>>>> 
>>>>>>> Can anyone tell me how i could change the layout of a skin so the
>>>>>>> portlets are displayed horizontally across the bottom instead of
>>>>>>> vertically on the sides?
>>>>>>> 
>>>>>> 
>>>>>> 
>>>>> 
>>>>> 
>>>> 
>>>> 
>>> 
>>> 
>> 
>> 
> 
> 

-- 
View this message in context: http://www.nabble.com/Portlet-layout-tf4223910s6746.html#a12916475
Sent from the User Interface & Design mailing list archive at Nabble.com.