[CLOSED] DisplayField (or something similar) in version 0.8.2

  1. #1

    [CLOSED] DisplayField (or something similar) in version 0.8.2

    Hi guys,

    I'm using version 0.8.2 and wonder if it has something similar to DisplayField in version 1.0? I have couple page layouts that in need this type of control to fill in the spaces.

    thanks,
    Dan
  2. #2
    Hi,

    Please use <ext:Label> in Coolite 0.8.X.
  3. #3
    Daniil,

    I am using label to fill the spaces, but in one of the layouts, the alignment doesn't look very good. I tried different methodologies, but still to no avail. Here is the simplified sample page. If you replace the TextField2 with the Label6 field, the fields alignment will be out of place. Right now, I'm putting some garble text in the Label6 text field to give me some visual, but this Label field will be used as a space filler. I am hoping you can point out the problem in this markup page. Thanks.

    Dan

    <ext:Anchor>
                                                        <ext:FormPanel  
                                                            ID="fpMonthly" 
                                                            runat="server" Height="150" BodyBorder="false">
                                                            <Body>
                                                                <ext:TableLayout runat="server" Columns="3">
                                                                    <%--<ext:Cell>
                                                                        <ext:Panel runat="server" Border="true" BodyStyle="padding: 5px 5px 5px 80px">
                                                                            <Body>
                                                                                <ext:MultiField ID="MultiField3" runat="server" HideLabel="true">
                                                                                    <Fields>  
                                                                                        <ext:Label ID="Label10" runat="server" HideLabel="true" Text="Every"/>                                                                 
                                                                                        <ext:TextField ID="TextField1" HideLabel="true" runat="server" ></ext:TextField>
                                                                                        <ext:Label ID="Label11" Text="month(s)" runat="server" HideLabel="true"></ext:Label>
                                                                                    </Fields>
                                                                                </ext:MultiField>                                                                        
                                                                            </Body>
                                                                        </ext:Panel>                                                                
                                                                    </ext:Cell>--%>
                                                                    <ext:Cell>
                                                                        <ext:Panel runat="server" Border="false" BodyStyle="padding: 5px 5px 5px 80px">
                                                                            <Body>
                                                                                <ext:RadioGroup 
                                                                                    ID="RadioGroup2" 
                                                                                    runat="server"
                                                                                    HideLabel="true" ColumnsNumber="1">
                                                                                    <Items>                                                                                    
                                                                                        <ext:Radio ID="radDay" BoxLabel="Day" runat="server"></ext:Radio>
                                                                                        <ext:Radio ID="radDayOfWeek" BoxLabel="The" runat="server"></ext:Radio>
                                                                                        <ext:Radio ID="radWeekendDay" BoxLabel="The" runat="server"></ext:Radio>                                                                                         
                                                                                    </Items>
                                                                                </ext:RadioGroup>
                                                                            </Body>
                                                                        </ext:Panel>
                                                                    </ext:Cell>
                                                                    <ext:Cell>
                                                                        <ext:Panel runat="server" Border="false" BodyStyle="padding: 5px 5px 5px 0px">
                                                                            <Body>
                                                                                <ext:TextField ID="txtMonthlyDay" HideLabel="true" runat="server"></ext:TextField>
                                                                                <ext:ComboBox ID="cbMonthlyNthOccurrence" HideLabel="true" runat="server" Width="110">
                                                                                    <Items>
                                                                                        <ext:ListItem Text="First" Value="first" />
                                                                                        <ext:ListItem Text="Second" Value="second" /> 
                                                                                        <ext:ListItem Text="Third" Value="third" /> 
                                                                                        <ext:ListItem Text="Fourth" Value="fourth" /> 
                                                                                        <ext:ListItem Text="Last" Value="last" />                                                                                                     
                                                                                    </Items>
                                                                                </ext:ComboBox> 
                                                                                <ext:ComboBox ID="cbMonthlyDayOccurrence" HideLabel="true" runat="server"  Width="110">
                                                                                    <Items>
                                                                                        <ext:ListItem Text="First" Value="first" /> 
                                                                                        <ext:ListItem Text="Last" Value="last" />                                                                                                     
                                                                                    </Items>                                                                                            
                                                                                </ext:ComboBox>
                                                                            </Body>
                                                                        </ext:Panel>
                                                                    </ext:Cell>
                                                                    <ext:Cell>
                                                                        <ext:Panel ID="Panel2" runat="server" Border="false" BodyStyle="padding: 5px 5px 5px 0px">
                                                                            <Body>
                                                                                <%--<ext:Label ID="Label6" Text="of the week" runat="server" HideLabel="true" StyleSpec="padding: 30px 30px 30px 0px" ></ext:Label>--%>
                                                                                <ext:TextField ID="TextField2" HideLabel="true" runat="server" ></ext:TextField>
                                                                                <ext:ComboBox ID="ComboBox1" HideLabel="true" runat="server" Width="110">
                                                                                    <Items>
                                                                                        <ext:ListItem Text="First" Value="first" />
                                                                                        <ext:ListItem Text="Second" Value="second" /> 
                                                                                        <ext:ListItem Text="Third" Value="third" /> 
                                                                                        <ext:ListItem Text="Fourth" Value="fourth" /> 
                                                                                        <ext:ListItem Text="Last" Value="last" />                                                                                                     
                                                                                    </Items>
                                                                                </ext:ComboBox> 
                                                                                <ext:ComboBox ID="ComboBox2" HideLabel="true" runat="server"  Width="110">
                                                                                    <Items>
                                                                                        <ext:ListItem Text="First" Value="first" /> 
                                                                                        <ext:ListItem Text="Last" Value="last" />                                                                                                     
                                                                                    </Items>                                                                                            
                                                                                </ext:ComboBox>
                                                                            </Body>
                                                                        </ext:Panel>
                                                                    </ext:Cell>                                                                
                                                                </ext:TableLayout>
                                                                <%--<ext:FormLayout ID="FormLayout3" runat="server" StyleSpec="padding: 10px 10px 10px 80px">
                                                                    <ext:Anchor Horizontal="100%">
                                                                        <ext:MultiField ID="MultiField3" runat="server" HideLabel="true">
                                                                            <Fields>  
                                                                                <ext:Label ID="Label4" runat="server" HideLabel="true" Text="Every"/>                                                                 
                                                                                <ext:TextField ID="TextField2" HideLabel="true" runat="server" ></ext:TextField>
                                                                                <ext:Label ID="Label5" Text="month(s)" runat="server" HideLabel="true"></ext:Label>
                                                                            </Fields>
                                                                        </ext:MultiField>
                                                                    </ext:Anchor>                                                            
                                                                    <ext:Anchor Horizontal="100%">
                                                                        <ext:RadioGroup 
                                                                            ID="RadioGroup2" 
                                                                            runat="server" MsgTarget="Side"
                                                                            HideLabel="true">
                                                                            <Items>
                                                                                <ext:RadioColumn ID="RadioColumn1" runat="server" Width="50">
                                                                                    <Items>
                                                                                        <ext:Label ID="Label3" runat="server" HideLabel="true" Text="Every"/> 
                                                                                        <ext:Radio ID="radDay" BoxLabel="Day" runat="server"></ext:Radio>
                                                                                        <ext:Radio ID="radDayOfWeek" BoxLabel="The" runat="server"></ext:Radio>
                                                                                        <ext:Radio ID="radWeekendDay" BoxLabel="The" runat="server"></ext:Radio>                                                                                         
                                                                                    </Items>                                                                                   
                                                                                </ext:RadioColumn>
                                                                                <ext:RadioColumn ID="RadioColumn2" runat="server" Width="150">
                                                                                    <Items>
                                                                                        <ext:TextField ID="TextField3" HideLabel="true" runat="server" ></ext:TextField>
                                                                                        <ext:TextField ID="txtMonthlyDay" HideLabel="true" runat="server"></ext:TextField>
                                                                                        <ext:ComboBox ID="cbMonthlyNthOccurrence" HideLabel="true" runat="server" Width="110">
                                                                                            <Items>
                                                                                                <ext:ListItem Text="First" Value="first" />
                                                                                                <ext:ListItem Text="Second" Value="second" /> 
                                                                                                <ext:ListItem Text="Third" Value="third" /> 
                                                                                                <ext:ListItem Text="Fourth" Value="fourth" /> 
                                                                                                <ext:ListItem Text="Last" Value="last" />                                                                                                     
                                                                                            </Items>
                                                                                        </ext:ComboBox> 
                                                                                        <ext:ComboBox ID="cbMonthlyDayOccurrence" HideLabel="true" runat="server"  Width="110">
                                                                                            <Items>
                                                                                                <ext:ListItem Text="First" Value="first" /> 
                                                                                                <ext:ListItem Text="Last" Value="last" />                                                                                                     
                                                                                            </Items>                                                                                            
                                                                                        </ext:ComboBox>
                                                                                     </Items>
                                                                                </ext:RadioColumn>
                                                                                <ext:RadioColumn ID="RadioColumn3" runat="server" Width="150" StyleSpec="padding-top:4px;">
                                                                                    <Items>
                                                                                        <ext:TextField ID="TextField1" HideLabel="true" runat="server" StyleSpec="border:none;back-color:#FFFFFF" ReadOnly="true" ></ext:TextField>
                                                                                        <ext:TextField ID="TextField2" HideLabel="true" runat="server" StyleSpec="border:none;background-color:White;" ReadOnly="true"></ext:TextField>                                                                                    
                                                                                        <ext:ComboBox ID="cbMonthlyDayOfWeek" HideLabel="true" runat="server"  Width="110" >
                                                                                            <Items>
                                                                                                <ext:ListItem Text="Sunday" Value="sunday" />
                                                                                                <ext:ListItem Text="Monday" Value="sunday" />
                                                                                                <ext:ListItem Text="Tuesday" Value="sunday" />
                                                                                                <ext:ListItem Text="Wednesday" Value="sunday" />
                                                                                                <ext:ListItem Text="Thursday" Value="sunday" />
                                                                                                <ext:ListItem Text="Friday" Value="sunday" />
                                                                                                <ext:ListItem Text="Saturday" Value="sunday" />
                                                                                            </Items>
                                                                                        </ext:ComboBox>
                                                                                        <ext:ComboBox ID="cbMonthlyWeekDay" HideLabel="true" runat="server"  Width="110">
                                                                                            <Items>
                                                                                                <ext:ListItem Text="Weekend" Value="weekend" />
                                                                                                <ext:ListItem Text="Weekday" Value="weekday" />
                                                                                            </Items>
                                                                                        </ext:ComboBox>
                                                                                    </Items>
                                                                                </ext:RadioColumn>
                                                                            </Items>
                                                                        </ext:RadioGroup>                                                                      
                                                                    </ext:Anchor>
                                                                    <ext:Anchor>
                                                                        <ext:MultiField runat="server" HideLabel="true">
                                                                            <Fields>
                                                                                <ext:ComboBox ID="cbDayOfWeek" runat="server"></ext:ComboBox>
                                                                                <ext:ComboBox ID="cbWeekendDay" runat="server"></ext:ComboBox>
                                                                            </Fields>
                                                                        </ext:MultiField>
                                                                    </ext:Anchor>
                                                                </ext:FormLayout>--%>
                                                            </Body>
                                                        </ext:FormPanel>                                                    
                                                    </ext:Anchor>
  4. #4
    Hi,

    I am not sure why do you need display field or label but you can set Html="&nbsp;" for the label
    But it is better to css margins for control which required more free space

Similar Threads

  1. [CLOSED] How I can get the similar layout in 2.0
    By RCM in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Jun 20, 2012, 7:42 PM
  2. Replies: 4
    Last Post: Jan 12, 2012, 11:47 AM
  3. Replies: 4
    Last Post: Jun 25, 2010, 4:19 PM
  4. Replies: 10
    Last Post: Nov 20, 2008, 3:17 PM
  5. Similar to an updatepanel
    By heysol in forum 1.x Help
    Replies: 0
    Last Post: Oct 27, 2008, 9:10 PM

Posting Permissions