Portal Engine Questions on portal engine and web parts.
Version 5.x > Portal Engine > Stacking webparts horizontally in web part zone View modes: 
User avatar
Member
Member
nvpat - 8/6/2011 12:01:10 AM
   
Stacking webparts horizontally in web part zone
Hi all. This feels like a very basic question to me but I haven't seen it discussed or covered in any example or forum:

Is it possible to have the multiple webparts in a webpartzone stack horizontally instead of vertically? Every example I've seen has the page divided into columns, with webparts appearing below each other in the webpartzone. Is it possible to have a layout such as this:
<div>
<cc1:CMSWebPartZone ID="zoneTop" runat="server" />
</div>
<div style="clear: both">
<cc1:CMSWebPartZone ID="zoneFirstRow" runat="server" />
</div>
<div style="clear: both">
<cc1:CMSWebPartZone ID="zoneSecondRow" runat="server" />
</div>
<div style="clear: both">
<cc1:CMSWebPartZone ID="zoneBottom" runat="server" />
</div>

and have the individual web parts inside each zone float left to form a row?

Thanks.

User avatar
Kentico Developer
Kentico Developer
kentico_ondrejv - 8/6/2011 3:01:15 AM
   
RE:Stacking webparts horizontally in web part zone
Hello,

Put simply, no it is not possible. However, the web parts' vertical alignment doesn't have any impact on their final layout on the live site. Of course, their order is important for the order in the HTML code.

This means, it is recommended to amend the look and feel of your page on the Preview or Live site mode. In those modes your CSS stylesheets take effect and are not overridden by the CMS Desk ones.

Hope this sheds some light

Best regards
Ondrej Vasil