Dec 08, 2009, 4:23 AM
[CLOSED] Need help with form layout
I would like to create the following form, but I have no idea how to get the combo box between the radio button group. This is what I have so far:
<ext:RowLayout ID="oRowLayoutProfilePreferences" runat="server">
<ext:LayoutRow>
<ext:Panel BodyBorder="false" ID="pnlProfilePreferences" runat="server">
<Body>
<ext:FormLayout LabelWidth="125" ID="oFormLayoutProfilePreferences" runat="server">
<ext:Anchor>
<ext:RadioGroup ColumnsNumber="2" FieldLabel="Std. filters activeren" ID="oRadioGroupProfilePreferencesActivateDefaultFilters" runat="server" Width="100">
<Items>
<ext:Radio BoxLabel="Ja" ID="rbProfilePreferencesActivateDefaultFiltersYes" runat="server" />
<ext:Radio BoxLabel="Neen" ID="rbProfilePreferencesActivateDefaultFiltersNo" runat="server" />
</Items>
</ext:RadioGroup>
</ext:Anchor>
<ext:Anchor>
<ext:RadioGroup ColumnsNumber="2" FieldLabel="Taakbalk verbergen" ID="oRadioGroupProfilePreferencesHideTaskBar" runat="server" Width="100">
<Items>
<ext:Radio BoxLabel="Ja" ID="rbProfilePreferencesHideTaskBarYes" runat="server" />
<ext:Radio BoxLabel="Neen" ID="rbProfilePreferencesHideTaskBarNo" runat="server" />
</Items>
</ext:RadioGroup>
</ext:Anchor>
<ext:Anchor>
<ext:RadioGroup ColumnsWidths="250" FieldLabel="Afdrukken" ID="oRadioGroupProfilePreferencesPrint" runat="server">
<AjaxEvents>
<Change Buffer="250" OnEvent="OnProfilePreferencesPrintChange" />
</AjaxEvents>
<Items>
<ext:Radio BoxLabel="Automatisch" ID="rbProfilePreferencesPrintAuto" runat="server" />
<ext:Radio BoxLabel="Aangepast" ID="rbProfilePreferencesPrintCustom" runat="server" />
</Items>
</ext:RadioGroup>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow>
<ext:Panel BodyStyle="padding-left: 160px;" BodyBorder="false" ID="pnlProfilePreferencesSub" runat="server">
<Body>
<ext:FormLayout LabelWidth="85" ID="oFormLayoutProfilePreferencesPrint" runat="server">
<ext:Anchor>
<ext:ComboBox AllowBlank="false" BlankText="Gelieve een printstation te selecteren" DisplayField="CardPrintManager" EmptyText="Selecteer..." FieldLabel="Printstation" ForceSelection="true" ID="cboProfilePreferencesPrintAutoCardPrintManager" Mode="Local" runat="server" StoreID="oStoreCardPrintManagers" TriggerAction="All" TypeAhead="true" ValueField="CardPrintManager" ValueNotFoundText="Selecteer..." Width="190">
<AjaxEvents>
<Select Buffer="250" OnEvent="OnProfilePreferencesPrintCardPrintManagerSelect" />
</AjaxEvents>
</ext:ComboBox>
</ext:Anchor>
<ext:Anchor>
<ext:ComboBox AllowBlank="false" BlankText="Gelieve een layout te selecteren" DisplayField="Name" EmptyText="Selecteer..." FieldLabel="Layout" ForceSelection="true" ID="cboProfilePreferencesPrintAutoLayout" Mode="Local" runat="server" StoreID="oStoreLayouts" TriggerAction="All" TypeAhead="true" ValueField="Id" ValueNotFoundText="Selecteer..." Width="190">
<AjaxEvents>
<Select Buffer="250" OnEvent="OnProfilePreferencesPrintLayoutSelect" />
</AjaxEvents>
</ext:ComboBox>
</ext:Anchor>
<ext:Anchor>
<ext:ComboBox AllowBlank="false" BlankText="Gelieve een badge te selecteren" DisplayField="Badge" EmptyText="Selecteer..." FieldLabel="Badge" ForceSelection="true" ID="cboProfilePreferencesPrintAutoBadge" Mode="Local" runat="server" StoreID="oStoreBadges" TriggerAction="All" TypeAhead="true" ValueField="Badge" ValueNotFoundText="Selecteer..." Width="190" />
</ext:Anchor>
<ext:Anchor>
<ext:ComboBox AllowBlank="false" BlankText="Gelieve een printer te selecteren" DisplayField="Printer" EmptyText="Selecteer..." FieldLabel="Printer" ForceSelection="true" ID="cboProfilePreferencesPrintAutoPrinter" Mode="Local" runat="server" StoreID="oStorePrinters" TriggerAction="All" TypeAhead="true" ValueField="Printer" ValueNotFoundText="Selecteer..." Width="190" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutRow>
</ext:RowLayout>