RadioGroup display different in IE9 and Chrome

  1. #1

    RadioGroup display different in IE9 and Chrome

    RadioGroup display different in IE9 and Chrome, and all are not I want.

    <%@ Page Language="C#" AutoEventWireup="true"  %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <ext:Viewport ID="ViewPort1" runat="server">
            <Items>
                <ext:Panel ID="pnlCenter" runat="server" >
                    <Content>
                        <table>
                            <tr>
                                <td>
                                    <ext:RadioGroup ID="ApplyType" runat="server" FieldLabel="申领类型" ItemCls="x-check-group-alt">
                                        <Items>
                                            <ext:Radio ID="Radio4" runat="server" BoxLabel="有订单申领" InputValue="A" Checked="true" />
                                            <ext:Radio ID="Radio5" runat="server" BoxLabel="无订单申领" InputValue="B" />
                                        </Items>
                                    </ext:RadioGroup>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <ext:RadioGroup ID="InputType" runat="server" FieldLabel="输入类型" ItemCls="x-check-group-alt">
                                        <Items>
                                            <ext:Radio ID="Radio1" runat="server" BoxLabel="按采购单位" InputValue="A" Checked="true" />
                                            <ext:Radio ID="Radio2" runat="server" BoxLabel="按工程单位" InputValue="B" />
                                        </Items>
                                    </ext:RadioGroup>
                                </td>
                            </tr>
                        </table>
                    </Content>
                </ext:Panel>
            </Items>
        </ext:Viewport>
        </form>
    </body>
    </html>
    in IE9
    Click image for larger version. 

Name:	ie9.jpg 
Views:	84 
Size:	24.1 KB 
ID:	3984
    in chrome
    Click image for larger version. 

Name:	chrome.jpg 
Views:	83 
Size:	20.6 KB 
ID:	3985
    Last edited by easypower; Mar 22, 2012 at 1:41 PM.
  2. #2
    And I want the first ext:RadioGroup which ID is "ApplyType" is the same with other which ID is "InputType"
  3. #3
    Hi,

    I would implement it this way.

    Example
    <%@ Page Language="C#" %>
     
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.NET Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Container 
                runat="server" 
                Width="250"
                Layout="FormLayout" 
                DefaultAnchor="100%">
                <Items>
                    <ext:RadioGroup runat="server" FieldLabel="RadioGroup1">
                        <Items>
                            <ext:Radio runat="server" BoxLabel="Radio1" />
                            <ext:Radio runat="server" BoxLabel="Radio2" />
                        </Items>
                    </ext:RadioGroup>
                    <ext:RadioGroup runat="server" FieldLabel="RadioGroup2">
                        <Items>
                            <ext:Radio runat="server" BoxLabel="Radio1" />
                            <ext:Radio runat="server" BoxLabel="Radio2" />
                        </Items>
                    </ext:RadioGroup>
                </Items>
            </ext:Container>
        </form>
    </body>
    </html>
  4. #4
    OK. It work prefect.
    But I also want to know why it is wrong? Some bugs?
  5. #5
    Well, I would suggest to always use FieldLabel within the FormLayout context only.
  6. #6
    Quote Originally Posted by Daniil View Post
    Well, I would suggest to always use FieldLabel within the FormLayout context only.
    I am sorry, I can not understand what do you mean.
  7. #7
    I mean the following. If you'd like to use FieldLabel of some field, please ensure this field is within a container with FormLayout. Just to get more consistent result in various browsers.

Similar Threads

  1. CheckboxGroup and RadioGroup display issue
    By zhaoxl in forum 1.x Help
    Replies: 9
    Last Post: Jan 04, 2012, 5:05 AM
  2. [CLOSED] Display problems on Chrome and Firefox
    By Stefanaccio in forum 1.x Premium Help
    Replies: 6
    Last Post: May 18, 2011, 7:18 AM
  3. Chrome Combo box value
    By mansi752 in forum 1.x Help
    Replies: 0
    Last Post: Mar 24, 2011, 7:16 AM
  4. Replies: 1
    Last Post: Mar 12, 2010, 4:48 AM
  5. google chrome help
    By [WP]joju in forum 1.x Help
    Replies: 0
    Last Post: Oct 02, 2009, 5:27 AM

Posting Permissions