preparation for new <radiogroup> widget

editor/ui/dialogs/content/EdColorProps.xul

@@ -46,10 +46,10 @@
 
   <text class="label bold" value="&pageColors.label;"/>
   <box orient="vertical">
-    <radiogroup orient="vertical" autostretch="never">
-      <radio id="DefaultColorsRadio" value="&defaultColorsRadio.label;" oncommand="UseDefaultColors()"
+    <radiogroup id="pageColorGroup" orient="vertical" autostretch="never">
+      <radio group="pageColorGroup" id="DefaultColorsRadio" value="&defaultColorsRadio.label;" oncommand="UseDefaultColors()"
         tooltip="aTooltip"     tooltiptext="&defaultColorsRadio.tooltip;" />
-      <radio id="CustomColorsRadio" value="&customColorsRadio.label;" oncommand="UseCustomColors()"
+      <radio group="pageColorGroup" id="CustomColorsRadio" value="&customColorsRadio.label;" oncommand="UseCustomColors()"
         tooltip="aTooltip"     tooltiptext="&customColorsRadio.tooltip;" />
     </radiogroup>
   </box>

editor/ui/dialogs/content/EdHLineProps.xul

@@ -69,13 +69,13 @@
     </grid>        
   </titledbox>
   <titledbox><title><text align="left" value="&alignmentBox.label;"/></title>
-    <radiogroup orient="horizontal">
-      <radio id="leftAlign" value="&leftRadio.value;"
-               tooltip="aTooltip"  tooltiptext="&leftRadio.tooltip;" />
-      <radio id="centerAlign" value="&centerRadio.value;"
-               tooltip="aTooltip"  tooltiptext="&centerRadio.tooltip;" />
-      <radio id="rightAlign" value="&rightRadio.value;"
-               tooltip="aTooltip"  tooltiptext="&rightRadio.tooltip;" />
+    <radiogroup id="alignmentGroup" orient="horizontal">
+      <radio group="alignmentGroup" id="leftAlign" value="&leftRadio.value;"
+             tooltip="aTooltip"  tooltiptext="&leftRadio.tooltip;" />
+      <radio group="alignmentGroup" id="centerAlign" value="&centerRadio.value;"
+             tooltip="aTooltip"  tooltiptext="&centerRadio.tooltip;" />
+      <radio group="alignmentGroup" id="rightAlign" value="&rightRadio.value;"
+             tooltip="aTooltip"  tooltiptext="&rightRadio.tooltip;" />
     </radiogroup>
   </titledbox>
   <box>

editor/ui/dialogs/content/EdImageProps.xul

@@ -108,13 +108,15 @@
         <!-- //////// Image Dimensions //////// -->
         <titledbox orient="vertical" flex="1">
           <title><text id="dimensionsLabel" value="&dimensionsBox.label;"/></title>
-          <radiogroup orient="vertical">
+          <radiogroup id="imgSizeGroup" orient="vertical">
             <radio
+              group   = "imgSizeGroup"
               id      = "originalsizeRadio" 
               value   = "&originalSizeRadio.label;"
               tooltip = "aTooltip" tooltiptext="&originalSizeRadio.tooltip;"
               oncommand = "doDimensionEnabling( true );"/>
             <radio
+              group   = "imgSizeGroup"
               id      = "customsizeRadio" 
               value   = "&customSizeRadio.label;"
               tooltip = "aTooltip" tooltiptext="&customSizeRadio.tooltip;"

xpfe/browser/samples/widgets.xul

@@ -121,14 +121,14 @@
         <checkbox value="Checkbox 3"/>
       </box>
       <separator class="groove"/>
-      <radiogroup orient="vertical">
+      <radiogroup id="group" orient="vertical">
         <box>
-          <radio value="Radio 1" id="radio1"/>
+          <radio group="group" value="Radio 1" id="radio1"/>
           <spring flex="1"/>
           <button value="Test Property APIs" oncommand="testProperty('radio1');"/>
         </box>
-        <radio value="Radio 2"/>
-        <radio value="Radio 3" disabled="true" checked="true"/>
+        <radio group="group" value="Radio 2"/>
+        <radio group="group" value="Radio 3" disabled="true" checked="true"/>
       </radiogroup>
     </box>
   </box>