Browser:


DS HTML Composer:


How do you reduce the space between the radio buttons? I've dragged the container border all the way left.

This message has been edited. Last edited by: Francis Mariani,

Francis,
I do not have 7.7.03 but in 7.6.9 I have access to the Style Composer via the Properties window.
Styling: Advanced[CSS] if I create focus I get the '...' grey box, click it and the STyle Composer opens. You can change Text, Position, Layout, Padding, Z-Index, etc. Other than modifying the width of the Radio Button List perhaps one of the settings in the Style Composer will allow you to shrink the padding/spacing between these values.

ERINP

ERINP, unfortunately, I see no CSS styling for the space between the radio buttons.

Possibly adding margin and padding styles would already help.

I think though that the real problem is that those radio-buttons are given a width. That can probably be overridden by applying a style to the surrounding SPAN, something like:

span .myRadioButtonClass {
   width: auto !important;
   padding: 0 !important;
   margin: 0 !important;
}

From inspecting the HTML and CSS with Firebug in Firefox, it looks like part of the spacing is because four non-breaking spaces are added at the end of the text label. But there appears to be padding as well, which Firebug cannot find.

Wep,

I finally found time to look at this and your suggestion worked, so thanks very much.

I added the class assignment to all radio button controls and this to my style sheet:

span .RadioButtonControl
{
width: auto !important;
}

One nice side effect of this is that the radio button set no longer expands like a jack-in-the-box when opening the HTML file in HTML Composer.