In an Edit form I need to keep the width of the form to no more than 475 pixels wide.
What is giving me trouble is that I have one field called "Event Id" generated from the Lookup Wizard Vertical Radio Button controls where I want the Text for each line to wrap when the List text for a radio button is longer than 350 pixels in width.
Right now some of the Radio Button list values run past the right form edge and are cut off, instead of WordWrap being in force.
What is preventing the settings I make in the Visual Editor and modify in the HTML mode from wrapping that text is something I can not control when the page is Built.
The list of radio button values is built with this code in front of it --
<span id="edit1_event_id_0" class="rnr-nowrap">
This overrides my intention to have -- white-space: wrap;
<TR class="" data-fieldname="event_id">
<TD class="rnr-label" style="width: 350px; white-space: wrap; background-color: rgb(183, 255, 183);" rowspan="1" colspan="1">Event Id </TD>
<TD class="rnr-control style3" style="width: 350px; white-space: wrap; min-height: 90px; max-width: 375px; background-image: none; background-color: rgb(183, 255, 183);"
rowspan="1"
colspan="1"><span id="edit1_event_id_0" class="rnr-nowrap"><input id="value_event_id_1" type="hidden" name="value_event_id_1" value=""><div class="rnr-vertical-lookup"><span><input type="Radio" class="rnr-radio-button" id="radio_event_id_1_0" name="radio_event_id_1" value="1"> etc, etc......
Where can I alter the code that writes this span class that persists in assigning the
class style "rnr-nowrap"
?
Such as changing that function so that it writes
<span id="edit1_event_id_0" class="rnr-wrap">
!
Thanks for suggestions!
By the way, my quick fix was to go to line 315 of the default.css file and change it to
.rnr-nowrap, .rnr-icons{
white-space: wrap;
}
I immediately get the WordWrap on my Radio Buttons but it means it will mess up forms where I DO not want word wrap.