Grid-Popup edit-Radio Buttons Issue

[KeshavanParticipant]

Hi,

I am using radio button in popup edit in Grid.

I have issue spacing a set of 3 radio buttons for a field Horizontally, with equal space between the radio buttons.

1) The first radio button positions ok,
2) But there is a gap between 1st and 2nd Radio button with an offset equal to the length of the next field below,
3) The gap between 2nd and 3rd Radio button is ok (equal to width of radio button control defined)

below is relevant code.

            $("#jqxRadioButton1").jqxRadioButton({ groupName: '1', width: 20, height: 10, theme: theme });
            $("#jqxRadioButton2").jqxRadioButton({ groupName: '1', width: 20, height: 10, theme: theme });
            $("#jqxRadioButton3").jqxRadioButton({ groupName: '1', width: 20, height: 10, checked: true, theme: theme });

 <div id="popupWindow">
            <div>Edit</div>
            <div style="overflow: hidden;">
            <form id="testForm" action="./">
             <table>
                    <tr>
                        <td "align=""right">Id:</td>
                        <td "align=""left">
                            <div id="customerId"> </div>
                        </td>
                    </tr>
                    <tr>
                            <td "align=""right" >Teritory:</td>
                            <td "align=""left" "name =""teritory" "value=""A"> 
                                <div 'style=''margin-top:100px';'margin-bottom:130px'   id="jqxRadioButton1">A</div></td>
                            <td "align=""left" "name =""teritory" "value=""B"> 
                                <div 'style=''margin-top: 100px';'margin-bottom:130px'  id="jqxRadioButton2">B</div></td>
                            <td "align=""left" "name =""teritory" "value=""C"> 
                                <div 'style=''margin-top: 100px'; 'margin-bottom:130px' id="jqxRadioButton3">C</div></td>
                    </tr>
                    <tr>
                        <td "align=""right" >Customer:</td>
                        <td "align=""left">
                            <div 'style=''margin-top:1px';'margin-bottom:1px'  id="customerName"></div></td>
                    </tr>
                </table>
                </form>
               </div>
           </div>

Please help,

Thanks,

Keshavan

[KeshavanParticipant]

Hi,

The version is,

jQWidgets v2.8.0 Release, Mar-22-2013

Thanks,

Keshavan

[KeshavanParticipant]

Hi,

Closing the issue, problem solved.

Thanks,

Keshavan

[Author]

Posts