What's New?

RadioGroup display different in IE9 and Chrome

  1. #1
    Mar 22, 2012, 12:36 PM

    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: 121  Size: 24.1 KB  ID: 3984
    in chrome
    Click image for larger version.  Name: chrome.jpg  Views: 131  Size: 20.6 KB  ID: 3985
    Last edited by easypower; Mar 22, 2012 at 12:41 PM.
  2. #2
    Mar 22, 2012, 12:38 PM
    And I want the first ext:RadioGroup which ID is "ApplyType" is the same with other which ID is "InputType"
  3. #3
    Mar 22, 2012, 1:42 PM
    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
    Mar 23, 2012, 8:01 AM
    OK. It work prefect.
    But I also want to know why it is wrong? Some bugs?
  5. #5
    Mar 23, 2012, 8:44 AM
    Well, I would suggest to always use FieldLabel within the FormLayout context only.
  6. #6
    Mar 26, 2012, 12:50 PM
    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
    Mar 26, 2012, 1:30 PM
    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, 4:05 AM
  2. [CLOSED] Display problems on Chrome and Firefox
    By Stefanaccio in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: May 18, 2011, 6:18 AM
  3. Chrome Combo box value
    By mansi752 in forum 1.x Help
    Replies: 0
    Last Post: Mar 24, 2011, 6:16 AM
  4. RadioGroup Bugs .82: Radio Button Notes are clipped & Tooltips do not display
    By michaeld in forum 1.x Help
    Replies: 1
    Last Post: Mar 12, 2010, 3:48 AM
  5. google chrome help
    By [WP]joju in forum 1.x Help
    Replies: 0
    Last Post: Oct 02, 2009, 4:27 AM

Posting Permissions