Mar 07, 2012, 1:54 PM
Broken Layout after upgrade to 1.3
After upgrade most of layouts in my app are broken,
I prepare sample and screenshots, I primary use IE 8, but I try FF and result is similar.
Maybe my layout can be done in better way I also welcome advices in this way.
Thanks
Petr
Sample:
I prepare sample and screenshots, I primary use IE 8, but I try FF and result is similar.
Maybe my layout can be done in better way I also welcome advices in this way.
Thanks
Petr
Sample:
<!DOCTYPE html>
<html>
<head runat="server">
<title>Layout problem</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<ext:ResourcePlaceHolder runat="server" Mode="ScriptFiles" />
<ext:ResourcePlaceHolder runat="server" Mode="Style" />
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" locale="cs-CZ"
viewstatemode="Disabled" ajaxviewstatemode="Disabled" enableviewstate="false" />
<ext:Window
id="mainWindow"
runat="server"
Title="Projekt"
maximized="true"
maximizable="false"
closable="false"
plain="true"
border="false"
BodyBorder="false"
Resizable="false"
modal="true">
<topbar>
<ext:Toolbar runat="server">
<Items>
<ext:TabStrip runat="server" id="tabs" ActiveTabIndex="0">
<Items>
<ext:TabStripItem actionitemid="pnlSummary" title="Souhrn" icon="BookOpen" />
</Items>
</ext:TabStrip>
<ext:ToolbarFill runat="server" />
<ext:ToolbarSeparator runat="server" />
<ext:Button runat="server" Icon="Delete" text="Smazat" id="DeleteButton" />
<ext:Button runat="server" Icon="Disk" Text="Ulo?it" id="SaveButton">
</ext:Button>
<ext:hyperlink runat="server" Icon="Sum" id="MoneyTree" text="Přehled" />
<ext:Button runat="server" Icon="Help" />
</Items>
</ext:Toolbar>
</topbar>
<items>
<ext:FormPanel ID="pnlSummary" runat="server" Header="false" frame="true">
<items>
<ext:tablelayout runat="server" columns="2" >
<cells>
<ext:cell rowspan="2">
<ext:fieldset runat="server" title="Základní nastavení" >
<Defaults>
<ext:Parameter Name="width" Value="400" Mode="Value" />
</Defaults>
<items>
<ext:numberfield id="Id" runat="server" hidden="false" fieldlabel="Id"
enabled="false" disabled="true" width="150" allowdecimals="false"
IndicatorIcon="Information" Anchor="-20" IndicatorTip="Číslo je přiřazeno automaticky" />
<ext:textfield id="Name" runat="server" fieldlabel="Name" />
<ext:combobox id="Classification" runat="server" fieldlabel="Klasifikace" allowblank="true">
<items>
<ext:listitem text="Strategický / rozvojový projekt" value="A" />
<ext:listitem text="Projekt" value="B" />
<ext:listitem text="Kvalifikované konstruční / vývojové slu?by" value="C" />
</items>
</ext:combobox>
<ext:combobox id="User" runat="server" fieldlabel="Mana?er" allowblank="false" />
<ext:multicombo id="Strediska" runat="server" fieldlabel="Střediska" hidden="true" />
<ext:textarea id="Description" runat="server" width="400" fieldlabel="description" />
</items>
</ext:fieldset>
</ext:cell>
<ext:cell>
<ext:fieldset runat="server" title="Datumy" width="250" Icon="Date" >
<Defaults>
<ext:Parameter Name="width" Value="190" Mode="Value" />
</Defaults>
<items>
<ext:datefield runat="server" fieldlabel="Created" width="190" readonly="true" />
<ext:datefield runat="server" fieldlabel="StartDate" width="190" dataindex="StartDate" Vtype="daterange">
<CustomConfig>
<ext:ConfigItem Name="endDateField" Value="#{EndDate}" Mode="Value" />
</CustomConfig>
</ext:datefield>
<ext:datefield runat="server" fieldlabel="EndDate" width="190" dataindex="EndDate" Vtype="daterange">
<CustomConfig>
<ext:ConfigItem Name="startDateField" Value="#{StartDate}" Mode="Value" />
</CustomConfig>
</ext:datefield>
</items>
</ext:fieldset>
</ext:cell>
<ext:cell>
<ext:fieldset runat="server" title="Plán" width="250" >
<Defaults>
<ext:Parameter Name="width" Value="190" Mode="Value" />
</Defaults>
<items>
<ext:datefield runat="server" fieldlabel="PlanDate" dataindex="PlanDate" Vtype="daterange">
<CustomConfig>
<ext:ConfigItem Name="startDateField" Value="#{StartDate}" Mode="Value" />
</CustomConfig>
</ext:datefield>
<ext:numberfield runat="server" fieldlabel="PlanHours" />
</items>
</ext:fieldset>
</ext:cell>
</cells>
</ext:tablelayout>
</items>
</ext:FormPanel>
</items>
</ext:Window>
</form>
</body>
</html>
Screenshots: