locked
how to add left, right and middle web part zone in publishing page layout? RRS feed

  • Question

  • Hi,

    I have created a publishing page layout using sharepoint designer.

    I am not able to under stand how to add web part zones in different zones, such as left, right and middle part of the page.

    If i add web part zone, it is getting added one under the other.

    Please help me out.

    Thanks & Regards,

    Jayashri

    Wednesday, January 4, 2012 12:18 PM

Answers

  • It is just like creatnig a table in HTML and applying width and all in Columns

    Create a table woth one row and three columns and place your webpart zones in all three columns

     <table style="width:100%">
               <tr style="width:100%">
    	<td>                           
    	   <WebPartPages:WebPartZone id="" runat="server" title="Test1">
                                <ZoneTemplate>
                               </ZoneTemplate>
                        </WebPartPages:WebPartZone>
                     </td>
    	 <td>
                        <WebPartPages:WebPartZone id="" runat="server" title="test2">
                                 <ZoneTemplate>
                                 </ZoneTemplate>
                        </WebPartPages:WebPartZone>
                      </td>
         </tr>	
    </table>	
    

     


    Manoj Gangwar | Sharepoint 2010 MCPD | Sharepoint 2010 MCTS
    • Proposed as answer by StewartT Wednesday, January 4, 2012 12:51 PM
    • Marked as answer by Jayashri10 Wednesday, January 4, 2012 12:52 PM
    Wednesday, January 4, 2012 12:34 PM

All replies

  • It is just like creatnig a table in HTML and applying width and all in Columns

    Create a table woth one row and three columns and place your webpart zones in all three columns

     <table style="width:100%">
               <tr style="width:100%">
    	<td>                           
    	   <WebPartPages:WebPartZone id="" runat="server" title="Test1">
                                <ZoneTemplate>
                               </ZoneTemplate>
                        </WebPartPages:WebPartZone>
                     </td>
    	 <td>
                        <WebPartPages:WebPartZone id="" runat="server" title="test2">
                                 <ZoneTemplate>
                                 </ZoneTemplate>
                        </WebPartPages:WebPartZone>
                      </td>
         </tr>	
    </table>	
    

     


    Manoj Gangwar | Sharepoint 2010 MCPD | Sharepoint 2010 MCTS
    • Proposed as answer by StewartT Wednesday, January 4, 2012 12:51 PM
    • Marked as answer by Jayashri10 Wednesday, January 4, 2012 12:52 PM
    Wednesday, January 4, 2012 12:34 PM
  • Thank you for your help.

    Regards,

    Jayashri

    Wednesday, January 4, 2012 12:52 PM