[CLOSED] Need help in UI Design

  1. #1

    [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.

    <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.
    Attached Thumbnails Click image for larger version. 

Name:	UI_Design.jpg 
Views:	61 
Size:	88.1 KB 
ID:	3589  
    Last edited by Daniil; Dec 26, 2011 at 11:21 AM. Reason: [CLOSED]
  2. #2
    Hi,

    Quote Originally Posted by Shanth View Post
    1. How do i Use Composite field in the RadioGroup.
    Currently, using a CompositeField within a RadioGroup is not supported. Another option may be just using a list of <ext:Radio> Components. Those could be placed in a CompositeField.

    Quote Originally Posted by Shanth View Post
    2. I need to show diffrent controls when i check the radio button of Recurrence, ie,
    Please see the example.
    http://forums.ext.net/showthread.php...ll=1#post70971
    Last edited by geoffrey.mcgill; Dec 19, 2011 at 2:50 PM.

Similar Threads

  1. [CLOSED] Gridpanel design
    By majestic in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 17, 2011, 1:26 PM
  2. [CLOSED] BorderLayout: design
    By RomualdAwessou in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: Sep 08, 2010, 3:40 PM
  3. [CLOSED] Design issue
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 03, 2009, 12:54 PM
  4. [CLOSED] Hi design Issue
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 29, 2009, 7:45 AM
  5. [CLOSED] Hi design Issue
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 08, 2009, 4:29 AM

Posting Permissions