How do I resize a web part zone?

2011-06-02

Question

_{Thursday, June 2, 2011 11:32 AM}

In my Sharepoint 2010 site I have multiple document librarys. In the sites home page I use the web parts to display a snippet of these document library’s.

I am using the left web part zone to display these librarys but I want to use both the left and right zones. The problem I have is I want both left\right zones to share an equal portion of the screen. The default size is approx. left 85% and right 15%.

But I don’t know how to do this? I know it can be done, but need a walk though on how to do it or something J

I don’t want to resize each web part individually; they should automatically adjust to fit the zone size. I believe this is the default behaviour for web parts.

All replies (8)

_{Thursday, June 2, 2011 11:49 AM ✅Answered}

The zone is flexible, the limitation is likely to come from the table cells that contain the zones. You need to edit the page in advanced mode in SPD to control the table cell width (as percentage).
AK

_{Thursday, June 2, 2011 12:00 PM ✅Answered}

Hi,

you can edit it from SPD but if that zone hosted a web part that have fix table size and that table bigger that the zone that will increase the zone size, when you create a web part by visual studio be sure to use a percentage for the table size else you know exactly the size of web part and the zone that will host inside it.

by SPD you can edit the zone size.

Thankx

Joe

_{Thursday, June 2, 2011 1:11 PM ✅Answered}

What kind of page do you have? Is this like a team site home page (wiki)? This one you can edit in normal mode (in SPD) and specify the td style (usually it comes as 66.6% and 33.3%) for left and right 'columns'. In web part pages, you edit in advanced mode and adjust the width of the <td>. Here's a partial snippet from the source:

<td id="_invisibleIfEmpty" name="_invisibleIfEmpty" valign="top" height="100%"> 
<WebPartPages:WebPartZone runat="server" Title="loc:LeftColumn" ID="LeftColumn" FrameType="TitleBarOnly"><ZoneTemplate>
<WebPartPages:WikiContentWebpart frametype="none" .....>
<content>
<div>
your content here
</div>
</content>
</WebPartPages:WikiContentWebpart>
</ZoneTemplate></WebPartPages:WebPartZone> 
</td>

_{Thursday, June 2, 2011 1:26 PM ✅Answered}

Mr Black Shrike, .... AbedKhooli was the correct answer.

Only i knew this from the last respond you wrote here " To clarify I want to resize the web part zones, not the web parts? "

What you want to do is resize zone, zones resizing them can only be done from SPD, so AbedKhooli was correct.

Try to open SPD and open your page, or your page layout and resize your zone, which is in HTML table..... see the td width when you click on your zone, it's html code will be highlighted so you will be able to see in which table it is.

_{Thursday, June 2, 2011 12:17 PM}

Thanks for the replies, what are you suggesting I should edit in SPD?

_{Thursday, June 2, 2011 12:38 PM}

yes ... check the web part panel first by click edit on the web part check the width and the height u can resize it .. if that don't apply your requierment then edit it in SPD

Best regards.

Joe

_{Thursday, June 2, 2011 12:47 PM}

To clarify I want to resize the web part zones, not the web parts?

_{Thursday, June 2, 2011 8:28 PM}

but you haveo be sure that the web part don't have fix size that bigger than the web part zoneJoe

Share via

How do I resize a web part zone?

Question

All replies (8)

Additional resources