What's New?

[CLOSED] Radio/Check Group labels broken in IE8

  1. #1
    Sep 10, 2009, 2:16 PM

    [CLOSED] Radio/Check Group labels broken in IE8

    Hi,

    I have the following markup:

    <%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" 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 id="Head1" runat="server">
    <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <ext:ScriptManager ID="ScriptManager1" runat="server" />
    <ext:Panel ID="Panel1" runat="server" Title="Simple Form" BodyStyle="padding:5px 5px 0" Width="350" Frame="true" ButtonAlign="Center">
        <Body>
            <ext:FormLayout runat="server">
                <ext:Anchor>
                    <ext:FieldSet runat="server" AutoHeight="true" Title="Data">
                        <Body>
                            <ext:ColumnLayout runat="server">
                                <ext:LayoutColumn ColumnWidth=".4">
                                    <ext:RadioGroup ID="typeRadioGroup" runat="server" ColumnsNumber="1" Width="85">
                                        <Items>
                                            <ext:Radio runat="server" BoxLabel="Option&amp;nbsp;1" Checked="true">
                                            </ext:Radio>
                                            <ext:Radio runat="server" BoxLabel="Option&amp;nbsp;2">
                                            </ext:Radio>
                                            <ext:Radio runat="server" BoxLabel="Option&amp;nbsp;3">
                                            </ext:Radio>
                                            <ext:Radio runat="server" BoxLabel="Option&amp;nbsp;4">
                                            </ext:Radio>
                                        </Items>
                                    </ext:RadioGroup>
                                </ext:LayoutColumn>
                                <ext:LayoutColumn ColumnWidth=".6">
                                    <ext:Panel runat="server" Border="false">
                                        <Body>
                                            Test
                                        </Body>
                                    </ext:Panel>
                                </ext:LayoutColumn>
                            </ext:ColumnLayout>
                        </Body>
                    </ext:FieldSet>
                </ext:Anchor>            
            </ext:FormLayout>
        </Body>
    </ext:Panel>
    </form>
</body>
</html>
    The radio boxes labels are placed below the radio image in IE8 (it is all well in other browsers). The first column is wide enough to hold them entirely. How to fix that?

    Regards,
    Tadeusz
  2. #2
    Sep 10, 2009, 3:37 PM

    RE: [CLOSED] Radio/Check Group labels broken in IE8

    Hi,

    Please update from SVN and retest
  3. #3
    Sep 11, 2009, 7:55 AM

    RE: [CLOSED] Radio/Check Group labels broken in IE8

    Well, this fixed the labels, but broke other checkboxes, for example if you add the bottom bar to the panel.:

    <BottomBar>
        <ext:Toolbar runat="server">
            <Items>
                <ext:Checkbox runat="server" >
                </ext:Checkbox>
            </Items>
        </ext:Toolbar>
    </BottomBar>
    I believe you should check if "this.wrap.up(".x-form-element", 5)" is null and set style only if it is not.

    Regards,
    Tadeusz

  4. #4
    Sep 11, 2009, 8:04 AM

    RE: [CLOSED] Radio/Check Group labels broken in IE8

    Hi,

    Yes, you are right. Please update from SVN
  5. #5
    Sep 11, 2009, 8:15 AM

    RE: [CLOSED] Radio/Check Group labels broken in IE8

    Works perfect, thank you.

    Tadeusz

Similar Threads

  1. [CLOSED] Composite Fields, Labels and Radio Buttons
    By GavinR in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 22, 2012, 6:33 PM
  2. Retrieve checked radio from Radio Group
    By ttharaka2002 in forum 1.x Help
    Replies: 0
    Last Post: Mar 25, 2010, 2:15 AM
  3. [CLOSED] Radio group wraps labels
    By Jurke in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Oct 07, 2009, 10:37 AM
  4. [CLOSED] Dynamic Creation of Radio Buttons within Radio Group
    By Steve in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Mar 04, 2009, 1:13 PM
  5. Radio Group
    By amitpareek in forum 1.x Legacy Premium Help
    Replies: 0
    Last Post: Dec 04, 2008, 5:06 PM

Posting Permissions