Aug 21, 2012, 1:52 PM
[CLOSED] Page Layout Issue
Hi,
This problem may not be related to you but I am asking here since you guys are layout experts and are very helpful as well (unlike ChartFX vendor).
I have a page in Sharepoint which has a top menu. When chart control under this menu is rendered as image (instead of .NET control), it has wrong offsets. The number of pixels that this offset is wrong is equal to the number of pixels set as height for Panel 1. Could it be due to ext doing the rendering on client and chartfx doing the rendering on server?
This problem may not be related to you but I am asking here since you guys are layout experts and are very helpful as well (unlike ChartFX vendor).
I have a page in Sharepoint which has a top menu. When chart control under this menu is rendered as image (instead of .NET control), it has wrong offsets. The number of pixels that this offset is wrong is equal to the number of pixels set as height for Panel 1. Could it be due to ext doing the rendering on client and chartfx doing the rendering on server?
<asp:ContentPlaceHolder ID="PlaceHolderMain_Wrapper" runat="server">
<ext:ViewPort runat="server" ID="mainContainer">
<Items>
<ext:RowLayout runat="server" Split="false">
<Rows>
<ext:LayoutRow>
<ext:Panel ID="Panel1" runat="server" Title="" Height="50px" BaseCls="HeaderPanel" >
<Content>
<table width="100%" border="0px" cellpadding="0px" cellspacing="0px" id="globalNavigation"
style="z-index: 1 !important;">
<tr>
<td width="139px" valign="top">
<div id="top_left">
<sharepoint:sitelogoimage id="onetidHeadbnnr0" logoimageurl="/_layouts/images/titlegraphic.gif"
runat="server" />
</div>
</td>
<td width="10px" valign="top">
<div id="tabstartarea">
</div>
</td>
<td align="left">
<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
<tr>
<td align="right">
<div id="top_right" style="z-index: 1;">
<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
<tr>
<td align="right" colspan="3">
<div id="sitetitle">
</div>
</td>
</tr>
<tr>
<td align="left" valign="top" style="z-index: 1;">
<div id="topnav" style="z-index: 1;">
<div style="float: left; z-index: 1; position: relative;" id="div_TopNavButtons">
<!--- --- --- Horizontal Top Navigation Bar --- --- --->
<asp:ContentPlaceHolder ID="PlaceHolderTopNavBar" runat="server">
<asp:ContentPlaceHolder ID="PlaceHolderHorizontalNav" runat="server">
<div style="z-index: 1;">
<sharepoint:aspmenu id="TopNavigationMenu" runat="server" datasourceid="topSiteMap"
enableviewstate="false" accesskey="<%$Resources:wss,navigation_accesskey%>" orientation="Horizontal"
staticdisplaylevels="2" maximumdynamicdisplaylevels="1" dynamichorizontaloffset="0"
staticpopoutimageurl="/_layouts/images/menudark.gif" staticpopoutimagetextformatstring=""
dynamichoverstyle-backcolor="#CBE3F0" skiplinktext="" staticsubmenuindent="0"
cssclass="ms-topNavContainer">
<StaticMenuStyle />
<StaticMenuItemStyle CssClass="ms-topnav" ItemSpacing="0px" />
<StaticSelectedStyle CssClass="ms-topnavselected" />
<StaticHoverStyle CssClass="ms-topNavHover" />
<DynamicMenuStyle BackColor="#F2F3F4" BorderColor="#A7B4CE" BorderWidth="1px" CssClass="adjustedZIndex" />
<DynamicMenuItemStyle CssClass="ms-topNavFlyOuts" />
<DynamicHoverStyle CssClass="ms-topNavFlyOutsHover" />
<DynamicSelectedStyle CssClass="ms-topNavFlyOutsSelected" />
</sharepoint:aspmenu>
</div>
<sharepoint:delegatecontrol id="DelegateControl6" runat="server" controlid="TopNavigationDataSource">
<Template_Controls>
<asp:SiteMapDataSource ShowStartingNode="False" SiteMapProvider="SPNavigationProvider" ID="topSiteMap" runat="server" StartingNodeUrl="sid:1002" />
</Template_Controls>
</sharepoint:delegatecontrol>
</asp:ContentPlaceHolder>
</asp:ContentPlaceHolder>
</div>
</div>
</td>
<td>
<div id="topnav_spacer">
</div>
</td>
<td valign="top">
<table class="ms-siteaction">
<tr>
<td valign="top">
<!-- Help button -->
</td>
<td valign="top">
<!-- Site Actions Menu -->
<sharepoint:siteactions runat="server" accesskey="<%$Resources:wss,tb_SiteActions_AK%>"
id="SiteActionsMenuMain" prefixhtml="<div><div>" suffixhtml="</div></div>"
menunotvisiblehtml="&nbsp;">
<CustomTemplate>
<SharePoint:FeatureMenuTemplate ID="FeatureMenuTemplate1" runat="server" FeatureScope="Site"
Location="Microsoft.SharePoint.StandardMenu" GroupId="SiteActions" UseShortId="true">
<SharePoint:MenuItemTemplate runat="server" ID="MenuItem_Create" Text="<%$Resources:wss,viewlsts_pagetitle_create%>"
Description="<%$Resources:wss,siteactions_createdescription%>" ImageUrl="/_layouts/images/Actionscreate.gif"
MenuGroupId="100" Sequence="100" UseShortId="true" ClientOnClickNavigateUrl="~site/_layouts/create.aspx"
PermissionsString="ManageLists, ManageSubwebs" PermissionMode="Any" />
<SharePoint:MenuItemTemplate runat="server" ID="MenuItem_EditPage" Text="<%$Resources:wss,siteactions_editpage%>"
Description="<%$Resources:wss,siteactions_editpagedescription%>" ImageUrl="/_layouts/images/ActionsEditPage.gif"
MenuGroupId="100" Sequence="200" ClientOnClickNavigateUrl="javascript:MSOLayout_ChangeLayoutMode(false);" />
<SharePoint:MenuItemTemplate runat="server" ID="MenuItem_Settings" Text="<%$Resources:wss,settings_pagetitle%>"
Description="<%$Resources:wss,siteactions_sitesettingsdescription%>" ImageUrl="/_layouts/images/ActionsSettings.gif"
MenuGroupId="100" Sequence="300" UseShortId="true" ClientOnClickNavigateUrl="~site/_layouts/settings.aspx"
PermissionsString="EnumeratePermissions,ManageWeb,ManageSubwebs,AddAndCustomizePages,ApplyThemeAndBorder,ManageAlerts,ManageLists,ViewUsageData"
PermissionMode="Any" />
</SharePoint:FeatureMenuTemplate>
</CustomTemplate>
</sharepoint:siteactions>
</td>
<td valign="top">
</td>
<td valign="top">
<!-- Logout -->
<asp:LoginView ID="LoginViewAuth" runat="server">
<AnonymousTemplate>
<%--<wssuc:Welcome id="IdWelcome" runat="server" EnableViewState="false">
</wssuc:Welcome>--%>
</AnonymousTemplate>
<LoggedInTemplate>
<asp:HyperLink NavigateUrl="/_layouts/Custom/Logout/Logout.aspx" ID="hypSignOut"
runat="server" Text="Sign Out"></asp:HyperLink>
</LoggedInTemplate>
</asp:LoginView>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</Content>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="1.0">
<ext:Panel runat="server" Title="" id="pnlMainContainer" Layout="Fit" MinHeight="500">
<Content>
<div id="LoadingBox" style="display:none" >Please Wait..</div>
<div id="Loader" updatepanel="mainContainer"></div>
<!--- --- --- Edit Consoles --- --- --->
<placeholder id="MSO_ContentDiv" runat="server">
<asp:ContentPlaceHolder ID="WSSDesignConsole" runat="server">
<table width="100%">
<wssuc:DesignModeConsole id="IdDesignModeConsole" runat="server" />
</table>
<!-- horizontal seperator between header and body -->
</asp:ContentPlaceHolder>
<asp:ContentPlaceHolder ID="SPNavigation" runat="server">
<table id="tbPublishingConsoleWrapper">
<sharepoint:delegatecontrol id="DelegateControl7" runat="server" controlid="PublishingConsole"
prefixhtml="<tr><td colspan="4" id="mpdmconsole" class="ms-consolemptablerow">"
suffixhtml="</td></tr>">
</sharepoint:delegatecontrol>
</table>
</asp:ContentPlaceHolder>
</placeholder>
<asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server"></asp:ContentPlaceHolder>
</Content>
</ext:Panel>
</ext:LayoutRow>
</Rows>
</ext:RowLayout>
</Items>
</ext:ViewPort>
</asp:ContentPlaceHolder>
Last edited by Daniil; Sep 10, 2012 at 9:17 AM.
Reason: [CLOSED]