Mar 29, 2012, 6:44 PM
[CLOSED] Horizontal Scrollbars Not Appearing for Panel Contents
I have the following page layout, and when there is a small browser window, the horizontal scroll bars are not appearing within "PanelMain". Can anyone help on which settings I could use to get them to show up?
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="Product.WebForm1" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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 id="Head1" runat="server">
<title>Sales Runsheet</title>
<script runat="server">
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server">
</ext:ResourceManager>
<ext:Viewport ID="Viewport1" runat="server" Layout="Fit">
<Content>
<ext:Panel
ID="PanelMain"
runat="server"
Title=""
BodyStyle="padding:0px"
StyleSpec="padding:15px"
Header="false"
ButtonAlign="Center" AutoHeight="false">
<Content>
<ext:RowLayout ID="RowLayout1" runat="server">
<Rows>
<ext:LayoutRow RowHeight=".15">
<ext:Panel ID="PanelItemInfo" runat="server" Border="false" Header="false" Frame="false" Height="75">
<Content>
<ext:ColumnLayout ID="ColumnLayout5" runat="server" StyleSpec="padding:10px;" >
<Columns>
<ext:LayoutColumn ColumnWidth="0.50">
<ext:Panel ID="Panel8" runat="server" Header="false" Frame="false" Border="false">
<Content>
<ext:FormLayout ID="FormLayoutItemInfo" runat="server" LabelAlign="Left" LabelWidth="65" LabelSeparator="">
<Anchors>
<ext:Anchor Horizontal="95%">
<ext:ComboBox ID="cbo_Product" runat="server"
DisplayField="Product"
ValueField="ProductID"
EmptyText="Select a Product..."
FieldLabel="Product:"
Editable="false" >
</ext:ComboBox>
</ext:Anchor>
</Anchors>
</ext:FormLayout>
</Content>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.50">
<ext:Panel ID="Panel101" runat="server" Header="false" Frame="false" Border="false">
<Content>
<ext:FormLayout ID="FormLayout2" runat="server" LabelAlign="Left" LabelWidth="65" LabelSeparator="">
<Anchors>
<ext:Anchor Horizontal="95%">
<ext:ComboBox ID="cbo_RateCard2" runat="server"
FieldLabel = "Rate Card:"
DisplayField="RateCard"
ValueField="RateCardID"
Editable="false"
EmptyText="Select Rate Card...">
</ext:ComboBox>
</ext:Anchor>
</Anchors>
</ext:FormLayout>
</Content>
</ext:Panel>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</Content>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight=".88">
<ext:TabPanel
ID="TabPanel1"
runat="server"
Plain="true"
Border="false">
<Items>
<ext:Panel
ID="TabPrintAds"
runat="server"
Title="Details"
BodyStyle="padding:10px;"
AutoScroll="true"
ButtonAlign="Center" AutoHeight="false">
<Content>
<ext:Panel ID="Panel111" runat="server" Border="false" >
<Content>
<ext:ColumnLayout ID="ColumnLayout1" runat="server" FitHeight="False">
<Columns>
<ext:LayoutColumn ColumnWidth=".5">
<ext:Panel ID="Panel11" runat="server" Header="false" Frame="false" Border="false" AutoHeight="false">
<Content>
<ext:FormLayout ID="FormLayout10" runat="server" LabelWidth="75" LabelSeparator="">
<Anchors>
<ext:Anchor Horizontal="90%">
<ext:ComboBox ID="cboAdSizePrint2" runat="server"
DisplayField="AdSize"
ValueField="AdSizeID"
Editable="false"
FieldLabel="Size:*"
Width="220"
ListWidth="220">
</ext:ComboBox>
</ext:Anchor>
</Anchors>
</ext:FormLayout>
</Content>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".1">
<ext:Panel ID="Panel1" runat="server" Header="false" Border="false" StyleSpec="padding:20px;">
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".4">
<ext:Panel ID="Panel2" runat="server" Header="false" Border="false">
<Content>
<ext:FormLayout ID="FormLayout3" runat="server" LabelSeparator="" LabelWidth="75">
<Anchors>
<ext:Anchor>
<ext:TextField ID="txtImpPrint" runat="server"
TrimTrailedZeros="false"
AllowNegative="false"
MaxValue="10000000"
FieldLabel="Impressions:*"
Width="80"
AllowDecimals="false">
</ext:TextField>
</ext:Anchor>
</Anchors>
</ext:FormLayout>
</Content>
</ext:Panel>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</Content>
</ext:Panel>
<ext:Panel ID="Panel3" runat="server" Frame="true" >
<Content>
<ext:ColumnLayout ID="ColumnLayout2" runat="server" FitHeight="False">
<Columns>
<ext:LayoutColumn ColumnWidth=".5">
<ext:Panel ID="Panel4" runat="server" Header="false" Frame="false" Border="false">
<Content>
<ext:FormLayout ID="FormLayout4" runat="server" LabelWidth="100" LabelSeparator="">
<Anchors>
<ext:Anchor Horizontal="90%">
<ext:ComboBox ID="cboAdPosPrint2" runat="server"
Width="180" ListWidth="180"
DisplayField="AdPos"
ValueField="AdPosID"
Editable="false"
FieldLabel="Position:">
</ext:ComboBox>
</ext:Anchor>
</Anchors>
</ext:FormLayout>
</Content>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".1">
<ext:Label runat="server" ID="Label2" Html=" " StyleSpec="padding:10px;"></ext:Label>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".4">
<ext:Panel ID="Panel18" runat="server" Header="false" Frame="false" Border="false">
<Content>
<ext:Panel ID="Panel5" runat="server" Header="false" Frame="false" Border="false">
<Content>
<ext:FormLayout ID="FormLayout5" runat="server" LabelSeparator=":" LabelWidth="100">
<Anchors>
<ext:Anchor>
<ext:NumberField ID="numBarterPrint" runat="server" FieldLabel="Barter" Width="80" AllowDecimals="true" TrimTrailedZeros="false">
<ToolTips>
<ext:ToolTip ID="ToolTip25" runat="server" Title="Barter" Html="Enter the trade amount being given for this ad. This will NOT adjust the net amounts; be sure to set up the proposal and invoice display options appropriately."></ext:ToolTip>
</ToolTips>
</ext:NumberField>
</ext:Anchor>
</Anchors>
</ext:FormLayout>
</Content>
</ext:Panel>
</Content>
</ext:Panel>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</Content>
</ext:Panel>
</Content>
</ext:Panel>
</Items>
</ext:TabPanel>
</ext:LayoutRow>
</Rows>
</ext:RowLayout>
</Content>
<Buttons>
<ext:Button ID="btnSave" runat="server" Text="Save">
</ext:Button>
</Buttons>
</ext:Panel>
</Content>
</ext:Viewport>
</form>
</body>
</html>
Last edited by Daniil; Apr 06, 2012 at 10:00 AM.
Reason: [CLOSED]