SharePoint 2010: Add a WebPartZone to a Team Site

Have you tried to add a webpartzone to a SharPoint 2010 Team Site page in SPD? You can, but you will find that you cannot add webparts to the zone in the browser. In my opinion this partly defeats the purpose of adding a webpart zone in the first place. But wait, there is really good news!
You probably do not need to add webpart zones to a team site in SharePoint 2010. Why? Well, Team Sites in SharePoint 2010 use a wiki content div which allows you to add web parts directly inline with text in the different zones created in the layout you choose.
If you open up a content page in SPD, look for the following code block:

<SharePoint:EmbeddedFormField id="WikiField" FieldName="WikiField" ControlMode="Display" runat="server">
<div>...
<span id="layoutsData" style="display:none">true,true,3</span>
</div>
</SharePoint:EmbeddedFormField>

This is where the magic happens. SharePoint’s EmbeddeFormField tag inserts a Wiki control into the page in question. The “content” of the control will go where the … are.  What about the span, <span id=”layoutsData” style=”display:none”>true,true,3</span>? This defines the layout of the control. The first boolean value is if a header should be included, the second boolean sets if a footer should be included and the number can be between 1 and 3, which defines how many columns are included. In the example provided,  (header, footer, 3 col). Side note, I have been told quite a few times that there are the only layout options available. If it’s possible to add more layout options, it’s not easy.
What is really cool is that with these layout options and that fact that you can add html, css and webparts all inline with content, you can get almost any layout you want with any mixture of webparts and text, all updatable via a web browser.
Nice huh?

Leave a Comment

Your email address will not be published. Required fields are marked *

Enter Code *

Filed Under

Related

IT'S WEBINAR WEEK!

Join the #PixelMillWebinars and #Microsoft RD + MVP @EricOverfield this Thursday at 11am PST to learn how #MicrosoftTeams & #MicrosoftViva connects the dots & can bring transparency, efficiency, and productivity to your workforce. ​

http://ow.ly/1f8f50JfN5Y

In this session: ​

• Understand how #VivaConnections, #VivaTopics, #VivaLearning, and #VivaInsights integrate with #Teams ​

• Successful patterns when rolling out #Viva components in your organization ​

• Licensing and integration requirements

http://ow.ly/e1Ry50Jbtiu

Join #Microsoft RD + MVP @EricOverfield for the next episode of the #PixelMillWebinars & walk away with practical applications to configure & architect #MicrosoftTeams as the dashboard to your #Microsoft365 & #MicrosoftViva empowered #digitalworkspace. ​

http://ow.ly/jt4u50J9gyy

In this episode of the #PixelMillWebinars, you’ll learn how #MicrosoftTeams and the facets of #MicrosoftViva connects the dots and can bring transparency, efficiency, and productivity to your workforce. ​

http://ow.ly/GExJ50J7H6J

Did you know the most valuable real estate on your company intranet the #homepage?

It’s a spot where you store all of your organization’s pertinent information for its users.

Here, our team share their tips for creating a truly effective #homesite.

A thread 🧵.

Subscribe to PixelMill's
E-news

* indicates required

Let's Talk Digital
Workspaces Today

Get In Touch