Prima volta che lavora con il layout della pagina con WPZ
-
10-12-2019 - |
Domanda
Ho il seguente layout della pagina.Tutto è buono tranne l'allineamento del WebPart dappertutto dopo il rendering.Dove è l'allineamento nelle proprietà del WPZ?o come faccio a ottenere questo problema?
Grazie
<%@ Page language="C#" Inherits="Microsoft.SharePoint.Publishing.PublishingLayoutPage,Microsoft.SharePoint.Publishing,Version=14.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" meta:progid="SharePoint.WebPartPage.Document" meta:webpartpageexpansion="full" %>
<%@ Register Tagprefix="SharePointWebControls" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register Tagprefix="PublishingWebControls" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register Tagprefix="PublishingNavigation" Namespace="Microsoft.SharePoint.Publishing.Navigation" Assembly="Microsoft.SharePoint.Publishing, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<asp:Content ContentPlaceholderID="PlaceHolderPageTitle" runat="server">
<SharePointWebControls:FieldValue id="PageTitle" FieldName="Title" runat="server"/>
</asp:Content>
<asp:Content ContentPlaceholderID="PlaceHolderMain" runat="server">
<table border="0" cellpadding="1" cellspacing="1" height="81" width="626">
<tbody>
<tr>
<td>
<table border="0" cellpadding="1" cellspacing="1" style="width: 100%;">
<tbody>
<tr>
<td>
<WebPartPages:WebPartZone id="TopLeftWPImage" runat="server" title="TopLeftWPImage"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td>
<WebPartPages:WebPartZone id="LeftWPUserGuide" runat="server" Title="Left WP UserGuide" LayoutOrientation="Horizontal"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</td>
<td>
<WebPartPages:WebPartZone id="MiddleWPDocCenter" runat="server" title="MiddleWPDocCenter"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</td>
<td>
<WebPartPages:WebPartZone id="RightWPProjectTasks" runat="server" title="RightWPProjectTasks"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td>
<WebPartPages:WebPartZone id="TopRightWPContact" runat="server" title="TopRightWPContact"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</td>
</tr>
</tbody>
</table>
</asp:Content>
. Soluzione 2
I added vertical-align:top inside the and that seems to do the job.
<td style="vertical-align:top">
<WebPartPages:WebPartZone id="TopLeftWPImage" runat="server" title="TopLeftWPImage"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</td>
Altri suggerimenti
Add another content placeholder so you can add your CSS to postion things properly:
<asp:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server">
//CSS link goes here or a style tag
</asp:Content>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a sharepoint.stackexchange