Dec 19, 2011, 2:31 PM
[CLOSED] Need help in UI Design
Hi all,
I need to create a UI which is attached(UI_Design.jpg), i have also given my code which gives the simple UI design without the composite field in RadioGroup.
1. How do i Use Composite field in the RadioGroup.
2. I need to show diffrent controls when i check the radio button of Recurrence, ie,
For Daily, the one which is shown in the Red Box
For Weekly, the one which is shown in the Blue Box
And for Monthly, the one which is shown in the Green Box.
Thank You.
I need to create a UI which is attached(UI_Design.jpg), i have also given my code which gives the simple UI design without the composite field in RadioGroup.
1. How do i Use Composite field in the RadioGroup.
2. I need to show diffrent controls when i check the radio button of Recurrence, ie,
For Daily, the one which is shown in the Red Box
For Weekly, the one which is shown in the Blue Box
And for Monthly, the one which is shown in the Green Box.
<nxtwc:NxtFitLayout ID="flRS" runat="server">
<Items>
<nxtwc:NxtFormPanel ID="pnlRS" runat="server" AnchorHorizontal="100%" AnchorVertical="100%"
BodyStyle="background-color: #DFE8F6;" Border="false" AutoScroll="true">
<Items>
<nxtwc:NxtCheckbox ID="chkRsActive" runat="server" FieldLabel="Schedule Active">
</nxtwc:NxtCheckbox>
<nxtwc:NxtCompositeField ID="cfRSTime" runat="server" FieldLabel="Time">
<Items>
<nxtwc:NxtTextField ID="txtRSDays" runat="server" Width="50">
</nxtwc:NxtTextField>
<nxtwc:NxtComboBox ID="cmbRSAMPM" runat="server" Width="50">
</nxtwc:NxtComboBox>
<ext:DisplayField ID="dfRSTimeFormat" runat="server" Text="Central Standard Time">
</ext:DisplayField>
</Items>
</nxtwc:NxtCompositeField>
<ext:RadioGroup ID="rgRSRecurrence" runat="server" FieldLabel="Recurrence" ColumnsNumber="1">
<Items>
<ext:Radio ID="rbDaily" runat="server" BoxLabel="Daily" Checked="true" />
<ext:Radio ID="rbWeekly" runat="server" BoxLabel="Weekly" />
<ext:Radio ID="rbMonthly" runat="server" BoxLabel="Monthly" />
</Items>
</ext:RadioGroup>
<ext:Container ID="cntMainRGS" runat="server" Layout="ColumnLayout" AnchorVertical="100%"
AnchorHorizontal="100%" BodyStyle="background-color: #DFE8F6;">
<Items>
<ext:Container ID="cntRGSType" runat="server" ColumnWidth=".3" BodyStyle="background-color: #DFE8F6;"
Layout="FormLayout" AnchorVertical="100%" AnchorHorizontal="100%">
<Items>
<nxtwc:NxtDateField ID="dfDueDate" runat="server" Width="100" EmptyText=" / / "
FieldLabel="Start" Editable="false" MinDate="<%# DateTime.Now %>" Format="m/d/Y"
MinText="Must be a future date." ValidationEvent="False">
</nxtwc:NxtDateField>
</Items>
</ext:Container>
<ext:Container ID="Container1" runat="server" ColumnWidth=".2" BodyStyle="background-color: #DFE8F6;"
Layout="FormLayout" AnchorVertical="100%" AnchorHorizontal="100%" HideLabels="true">
<Items>
<ext:RadioGroup ID="RadioGroup1" runat="server" ColumnsNumber="1">
<Items>
<ext:Radio ID="Radio1" runat="server" BoxLabel="Daily" Checked="true" />
<ext:Radio ID="Radio2" runat="server" BoxLabel="Weekly" />
<ext:Radio ID="Radio3" runat="server" BoxLabel="Monthly" />
</Items>
</ext:RadioGroup>
</Items>
</ext:Container>
</Items>
</ext:Container>
</Items>
</nxtwc:NxtFormPanel>
</Items>
</nxtwc:NxtFitLayout>
Please help me. Thank You.
Last edited by Daniil; Dec 26, 2011 at 11:21 AM.
Reason: [CLOSED]