I have several AJAX RadComboBoxes (v.2013.1.417.40), on a browser form. In my style sheet I set the display to block. All the comboboxes are then displayed with a width of 2px regardless of the setting in the design window. Is there a way to do this?
css:
.rcbLabel
{
display: block;
color: seagreen;
}
rendered html:
<label for="ctl00_MainContent_uxVehicleMake_Input" class="rcbLabel">Manufacturer</label>
<table summary="combobox" style="border-width: 0px; border-collapse: collapse; width: 2px;" border="0">
<tbody>
<tr>
<td class="rcbInputCell rcbInputCellLeft" style="width:100%;"><input autocomplete="off" name="ctl00$MainContent$uxVehicleMake" class="rcbInput radPreventDecorate rcbEmptyMessage" id="ctl00_MainContent_uxVehicleMake_Input" value="select a make" type="text">
</td>
<td class="rcbArrowCell rcbArrowCellRight">
<a id="ctl00_MainContent_uxVehicleMake_Arrow" style="overflow: hidden;display: block;position: relative;outline: none;">select</a>
</td>
</tr>
</tbody>
</table>
css:
.rcbLabel
{
display: block;
color: seagreen;
}
rendered html:
<label for="ctl00_MainContent_uxVehicleMake_Input" class="rcbLabel">Manufacturer</label>
<table summary="combobox" style="border-width: 0px; border-collapse: collapse; width: 2px;" border="0">
<tbody>
<tr>
<td class="rcbInputCell rcbInputCellLeft" style="width:100%;"><input autocomplete="off" name="ctl00$MainContent$uxVehicleMake" class="rcbInput radPreventDecorate rcbEmptyMessage" id="ctl00_MainContent_uxVehicleMake_Input" value="select a make" type="text">
</td>
<td class="rcbArrowCell rcbArrowCellRight">
<a id="ctl00_MainContent_uxVehicleMake_Arrow" style="overflow: hidden;display: block;position: relative;outline: none;">select</a>
</td>
</tr>
</tbody>
</table>