Jul 16, 2012, 10:59 PM
Column Layout exceeds screen width in chrome
It seems like every row exceeds the screen width in chrome.
But it's alright in IE9.
However, many people prefer using chrome. so.. Please help me
But it's alright in IE9.
However, many people prefer using chrome. so.. Please help me
<ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Slate" />
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout" AutoScroll="true">
<Items>
<ext:Panel ID="Panelcard_Main" runat="server" Region="Center" AutoHeight="true"
Layout="card"
ActiveIndex="0">
<Items>
<%-- First page panel --%>
<ext:Panel ID="Panel_FirstPage"
runat="server"
Title="Create New"
Frame="true"
AutoHeight="true"
AutoScroll="true"
>
<Items>
<ext:FieldSet ID="FieldSet_SDE_Servers"
runat="server"
Title="SDE"
Collapsible="true"
AutoHeight="true"
HideMode="Offsets">
<Items>
<ext:TabPanel ID="TabPanel_Public_Private_SDE"
runat="server"
ActiveTabIndex="0"
AutoHeight="true">
<Items>
<ext:Panel ID="Panel_Private"
runat="server"
Title="Custom SDE"
AutoHeight="true"
Frame="true">
<Items>
<%-- FieldSet1, sde server, platform, keyword, version,databasename --%>
<ext:FieldSet ID="FieldSet_privateSDE_setting" runat="Server" Layout="ColumnLayout" Height="75" Padding="7">
<Items>
<ext:Container ID="Container_Coloumn1"
runat="server"
LabelAlign="Left"
Layout="Form"
ColumnWidth=".3"
AutoHeight="true">
<Items>
<%-- Select DBMS Type --%>
<ext:ComboBox ID="ComboBox_DBMSType_Private"
runat="server"
FieldLabel="DBMS Type"
AnchorHorizontal="80%"
LabelWidth="90"
Mode="Local"
EmptyText="Select DBMS Type"
ForceSelection="true"
AllowBlank="false">
</ext:ComboBox>
<%-- Select Keyword --%>
<ext:ComboBox ID="ComboBox_Keyword_Private"
runat="server"
FieldLabel="Keyword"
AnchorHorizontal="80%"
LabelWidth="90"
Mode="Local"
EmptyText="Select Keyword"
ForceSelection="true"
AllowBlank="false">
</ext:ComboBox>
</Items>
</ext:Container>
<%-- TextField --%>
<ext:Container ID="Container_Coloumn2" runat="server" LabelAlign="Left" Layout="Form" ColumnWidth=".3" AutoHeight="true">
<Items>
<ext:TextField ID="TextField_Instance" runat="server" FieldLabel="Instance" AnchorHorizontal="80%"
EmptyText="Type in Server Name" AllowBlank="false" LabelWidth="50"/>
<ext:TextField ID="TextField_Version" runat="server" FieldLabel="Version" AnchorHorizontal="80%"
EmptyText="Type in Version" AllowBlank="false" LabelWidth="50"/>
</Items>
</ext:Container>
<%-- TextField --%>
<ext:Container ID="Container_Coloumn3" runat="server" LabelAlign="Left" Layout="Form" ColumnWidth=".3" AutoHeight="true">
<Items>
<ext:TextField ID="TextField_DBName" runat="server" FieldLabel="Database" AnchorHorizontal="60%"
EmptyText="Type in Database Name" AllowBlank="false" LabelWidth="50" />
</Items>
</ext:Container>
</Items>
</ext:FieldSet>
<%-- END FieldSet1, sde server, platform, keyword, version,databasename --%>
<%-- Fieldset2, Authentication, user/password for 3 pairs --%>
<ext:FieldSet ID="FieldSet_Authentication_SDE_Private" runat="Server" Layout="ColumnLayout" Height="100" Padding="7">
<Items>
<%-- Users --%>
<ext:Container ID="Container_Coloumn1_Authen" runat="server" LabelAlign="Left" Layout="Form" ColumnWidth=".3" AutoHeight="true">
<Items>
<ext:TextField ID="TextField_User1" runat="server" FieldLabel="User1" AnchorHorizontal="80%"
EmptyText="Type in User Name" AllowBlank="false" LabelWidth="50"/>
<ext:TextField ID="TextField_User2" runat="server" FieldLabel="User2" AnchorHorizontal="80%"
EmptyText="Optional" AllowBlank="true" LabelWidth="50"/>
<ext:TextField ID="TextField_User3" runat="server" FieldLabel="User3" AnchorHorizontal="80%"
EmptyText="Optional" AllowBlank="true" LabelWidth="50"/>
</Items>
</ext:Container>
<%-- Password --%>
<ext:Container ID="Container_Coloumn2_Authen" runat="server" LabelAlign="Left" Layout="Form" ColumnWidth=".3" AutoHeight="true">
<Items>
<ext:TextField ID="TextField_Password1" runat="server" FieldLabel="Password1" AnchorHorizontal="34%"
EmptyText="Type in Password" AllowBlank="false" LabelWidth="50" />
<ext:TextField ID="TextField_Password2" runat="server" FieldLabel="Password2" AnchorHorizontal="34%"
EmptyText="Optional" AllowBlank="true" LabelWidth="50" />
<ext:TextField ID="TextField_Password3" runat="server" FieldLabel="Password3" AnchorHorizontal="34%"
EmptyText="Optional" AllowBlank="true" LabelWidth="50" />
</Items>
</ext:Container>
</Items>
</ext:FieldSet>
<%-- END Fieldset2, Authentication, user/password for 3 pairs --%>
<%-- Fieldset3, other env settings for posting result, OS, DMBS, SDE Release --%>
<ext:FieldSet ID="FieldSet_otherRequirement" runat="Server" Layout="ColumnLayout" Height="45" Padding="5">
<Items>
<ext:Container ID="Container_OS"
runat="server"
LabelAlign="Left"
Layout="Form"
ColumnWidth=".3"
AutoHeight="true">
<Items>
<%-- Select OS Type --%>
<ext:ComboBox ID="ComboBox_SDE_OS_Private"
runat="server"
FieldLabel="OS Type"
AnchorHorizontal="80%"
LabelWidth="90"
Mode="Local"
EmptyText="Select OS Type"
ForceSelection="true"
AllowBlank="false">
</ext:ComboBox>
</Items>
</ext:Container>
<ext:Container ID="Container_SDE_DBMS_Private"
runat="server"
LabelAlign="Left"
Layout="Form"
ColumnWidth=".3"
AutoHeight="true">
<Items>
<%-- Select DBMS type --%>
<ext:ComboBox ID="ComboBox_DBMS_Type_Private"
runat="server"
FieldLabel="DBMS Type"
AnchorHorizontal="80%"
LabelWidth="90"
Mode="Local"
EmptyText="Select DBMS Type"
ForceSelection="true"
AllowBlank="false">
</ext:ComboBox>
</Items>
</ext:Container>
<ext:Container ID="Container1"
runat="server"
LabelAlign="Left"
Layout="Form"
ColumnWidth=".3"
AutoHeight="true">
<Items>
<%-- Select SDE Release --%>
<ext:ComboBox ID="ComboBox_SDE_Release_Private"
runat="server"
FieldLabel="SDE Release"
AnchorHorizontal="60%"
LabelWidth="90"
Mode="Local"
EmptyText="Select SDE Release"
ForceSelection="true"
AllowBlank="false">
</ext:ComboBox>
</Items>
</ext:Container>
</Items>
</ext:FieldSet>
<%-- END Fieldset3, other env settings for posting result, OS, DMBS, SDE Release --%>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:FieldSet>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>