Jul 05, 2012, 7:58 AM
How to make the portal scroll bar at the top
hi,
After initialization, portal of the scrollbar is always in the bottom of.
How do I do to make it at the top?
My Code:
After initialization, portal of the scrollbar is always in the bottom of.
How do I do to make it at the top?
My Code:
<%@ Page ViewStateMode="Enabled" EnableViewState="true" Language="C#" AutoEventWireup="true"
CodeBehind="PortalLayout.aspx.cs" Inherits="FlexPP.FPP.UI.Desktop.PortalLayout" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
font-size: 12px;
background-color: #284051;
font-family: "Trebuchet MS" ,sans-serif;
}
#settingsWrapper
{
border-bottom: 1px solid #111;
background-color: #323232;
padding-left: 4px;
}
#settings
{
padding: 2px;
border-bottom: 1px solid #3B3B3B;
}
#settings ul li
{
display: inline;
color: #fff;
margin-right: 8px;
line-height: 24px;
padding: 2px;
padding-left: 19px;
}
#settings ul li a, #settings ul li a:link
{
color: #fff;
text-decoration: none;
}
#settings ul li a:hover
{
text-decoration: underline;
}
#pageTitle
{
font-family: "Trebuchet MS" ,sans-serif;
font-size: 17px;
text-align: center;
color: #fff;
margin-top: 20px;
}
#itemAddContent
{
background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Add) %>) no-repeat 0 2px;
}
#itemComments
{
background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Comment) %>) no-repeat 0 2px;
}
#itemActivities
{
background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Star) %>) no-repeat 0 2px;
}
#itemContacts
{
background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Vcard) %>) no-repeat 0 2px;
}
#TabPanel1 ul.x-tab-strip-top
{
background-image: none !important;
background-color: #284051;
}
.x-panel-dd-spacer
{
border: 2px dashed #284051;
}
</style>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
string text = @"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna.";
this.ResourceManager1.RegisterClientScriptBlock("text", string.Format("var text=\"{0}\";", text));
foreach (Portlet portlet in ControlUtils.FindControls<Portlet>(this.Page))
{
if (!portlet.ID.Equals("Portlet1"))
{
portlet.Html = "={text}";
portlet.BodyPadding = 5;
}
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<ext:Viewport ID="Viewport1" runat="server" StyleSpec="background-color: transparent;"
Layout="BorderLayout">
<Items>
<ext:Panel ID="Tab1" runat="server" BodyStyle="background-color: transparent;" Layout="Fit"
Region="Center" MarginsSummary="5 5 5 0" >
<Items>
<ext:Portal ViewStateMode="Enabled" EnableViewState="true" ID="Portal1" runat="server"
Border="false" BodyStyle="background-color: transparent;">
<Items>
<ext:PortalColumn ID="PortalColumn1" runat="server" ColumnWidth="0.5" Flex="1">
<Items>
<ext:Portlet
ID="Portlet1"
Title="Ext.Net"
runat="server"
Anchor="100% 100%"
BodyPadding="0">
<Loader ID="Loader1" runat="server" Url="http://www.ext.net/" Mode="Frame" />
</ext:Portlet>
<ext:Portlet
ID="Portlet2"
Title="Ext.Net"
runat="server"
Anchor="100% 100%"
BodyPadding="0">
<Loader ID="Loader2" runat="server" Url="http://www.baidu.com" Mode="Frame" />
</ext:Portlet>
</Items>
</ext:PortalColumn>
<ext:PortalColumn ID="PortalColumn2" runat="server" StyleSpec="padding:10px 0 10px 10px"
Flex="1">
</ext:PortalColumn>
<ext:PortalColumn ID="PortalColumn3" runat="server" StyleSpec="padding:10px 0 10px 10px"
Flex="1">
</ext:PortalColumn>
</Items>
</ext:Portal>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>