Apr 29, 2011, 7:47 AM
[CLOSED] IE9 Small rendering datefield picker
Using this formpanel:
Martin
<ext:FormPanel
ID="frmPanel"
runat="server" BodyBorder="false"
Title="Uw gegegevens"
Frame="false" Padding="7" Layout="FitLayout"
BodyStyle="background-color: #3A4852"
ButtonAlign="Center"
>
<Items>
<ext:Container ID="Container1" runat="server" Layout="Column" Height="200">
<Items>
<ext:Container ID="Container2" runat="server" LabelAlign="Top" Layout="Form" ColumnWidth=".33">
<Items>
<ext:textfield runat="server" id="required_voornaam" BlankText="Voornaam verplicht" allowblank="false" FieldLabel="Voornaam" AnchorHorizontal="95%" />
<ext:textfield runat="server" id="adres" AnchorHorizontal="95%" FieldLabel="Adres" />
<ext:textfield runat="server" id="required_email" VtypeText="Dit is geen juist e-mail formaat" allowblank="false" FieldLabel="E-mail" vtype="email" AnchorHorizontal="95%" />
<ext:ComboBox
ID="accommodatie"
runat="server"
Editable="false"
ForceSelection="true"
EmptyText="..." AnchorHorizontal="95%"
Resizable="true" FieldLabel="Type accommodatie" ItemSelector="div.list-item"
>
<items>
<ext:listitem value="Villa" text="Villa" />
<ext:listitem value="Appartement" text="Appartement" />
</items>
<Template runat="server">
<Html>
<tpl for=".">
<div class="list-item" style="color:#3A4852;">
<h1>{text}</h1>
</div>
</tpl>
</Html>
</Template>
</ext:ComboBox>
</Items>
</ext:Container>
<ext:Container ID="Container3" runat="server" LabelAlign="Top" Layout="Form" ColumnWidth=".33">
<Items>
<ext:textfield runat="server" id="required_achternaam" BlankText="Achternaam verplicht" FieldLabel="Achternaam" allowblank="false" AnchorHorizontal="95%" />
<ext:textfield runat="server" id="postcode" FieldLabel="Postcode" AnchorHorizontal="95%" />
<ext:datefield Format="dd-MM-yyyy" runat="server" id="aankomstdatum" FieldLabel="Check-in" editable="false" AnchorHorizontal="95%" />
<ext:ComboBox
ID="appartementtype"
runat="server" AnchorHorizontal="95%"
Editable="false"
EmptyText="Geen voorkeur"
Resizable="true"
SelectOnFocus="true" ItemCls="items"
FieldLabel="Appartement (indien van toepassing)"
ItemSelector="div.list-item"
>
<items>
<ext:listitem value="Lavanda" text="Lavanda"/>
<ext:listitem value="Piazzetta" text="Piazzetta" />
<ext:listitem value="Torre" text="Torre" />
<ext:ListItem value="Viuzzo" text="Viuzzo" />
<ext:listitem value="Loggiato" text="Loggiato" />
<ext:listitem value="Granaio" text="Granaio" />
</items>
<Template ID="Template1" runat="server">
<Html>
<tpl for=".">
<div class="list-item" style="color:#3A4852;">
<h1>{text}</h1>
</div>
</tpl>
</Html>
</Template>
</ext:ComboBox>
</Items>
</ext:Container>
<ext:Container ID="Container4" runat="server" LabelAlign="Top" Layout="Form" ColumnWidth=".33">
<Items>
<ext:textfield runat="server" id="tel" FieldLabel="Telefoon" BlankText="Telefoon verplicht" allowblank="false" AnchorHorizontal="95%"/>
<ext:textfield runat="server" id="plaats" FieldLabel="Plaats" AnchorHorizontal="95%"/>
<ext:datefield Format="dd-MM-yyyy" fieldLabel="Check-out" runat="server" id="vertrekdatum" editable="false" AnchorHorizontal="95%" />
<ext:ComboBox
ID="adv"
runat="server" AnchorHorizontal="95%"
Editable="false"
EmptyText="Geen selectie"
Resizable="true" FieldLabel="Geïnformeerd via?"
ItemSelector="div.list-item"
>
<items>
<ext:ListItem value="Magazine" text="Magazine"/>
<ext:listitem value="Tourist Portal" text="Tourist Portal"/>
<ext:listitem value="Google" text="Google" />
<ext:listitem value="Zoek machine" text="Zoek machine" />
<ext:listitem value="Vrienden" text="Vrienden" />
<ext:listitem value="Anders" text="Anders" />
</items>
<Template ID="Template2" runat="server">
<Html>
<tpl for=".">
<div class="list-item" style="color:#3A4852;">
<h1>{text}</h1>
</div>
</tpl>
</Html>
</Template>
</ext:ComboBox>
</Items>
</ext:Container>
</Items>
</ext:Container>
<ext:Container runat="server" LabelAlign="Top" Layout="Form" ColumnWidth="1">
<Items>
<ext:TextArea id="opmerkingen" FieldLabel="Extra vragen" height="60" runat="server" AnchorHorizontal="50%"/>
</Items>
</ext:Container>
</Items>
<Buttons>
<ext:button id="btnSubmit" runat="server" text="Verzoek verzenden">
</ext:button>
</Buttons>
</ext:FormPanel>
The code is rendering fine in IE < 9, chrome and FF, but in IE9 it looks like this (attachment)Martin
Last edited by Daniil; Apr 29, 2011 at 10:17 AM.
Reason: [CLOSED]