formatting issue with RadioGroupItem

[mathias]

Heyhey,

say i have this item:

RadioGroupItem item = new RadioGroupItem()
item.setTextBoxStyle(WebConstants.VERYSMALLITALICS_TEXT);

and i then have this in the css:

.vSText,
.vSiText {
    font-size: 11px;
    color: #333333;
}

.vSiText {
    font-style: italic;
}

I notice that only the text-style is applied, not the font size. This works in other components, like labels, so i don't think it's something wrong with the css or code.

Is it by design perhaps?


13.1-p20250323

[Isomorphic]

Does it work if you stick !important on your font-size?

If not, what size do you end up with? Are you using Canvas.resizeFonts()?

[mathias]

Heyhey,

i tried it, doesn't change anything. Setting color doesn't apply either. Here's the body i see:

<div id="isc_80" $89="isc_CheckboxItem_1" $9a="$9d" class="vSiText" style="min-width:1px;white-space:nowrap;" tabindex="1804">
    <span spriteviewport="true" style="overflow:hidden;display:inline-block;width:22px;height:22px;vertical-align:middle;margin-left:0px;margin-right:3px" id="isc_81" eventpart="valueicon">
        <span style="vertical-align:top;display:inline-block;transform-origin:left top;;width:25px;height:25px;;transform:scale(0.88, 0.88);" class="radioFalse"></span>
    </span>
    <label id="isc_7Y" style="vertical-align: middle;" class="labelAnchor">FONT SIZE NO CHANGE MAN, WHAT GIVES</label>
</div>

You can see that the class is applied to the checkbox item, but then there's a "labelAnchor" class on the actual label, is that it?

I tried both "setCheckBoxStyle" and "setTextBoxStyle", no difference.

[Isomorphic]

Yes, that's it - but setting textBoxStyle in built-in 13.1 skins does correctly change the style - go here and drop this code into the sample tab:

isc.DynamicForm.create({
    fields: [
        {
            name: "radioGroup",title: "Radios", type: "radioGroup",
            valueMap: ["Option 1", "Option 2"],
            textBoxStyle: "button"
        }
    ]
});

Your underlying issue is probably that the blocks in your load_skin for RadioGroupItem, RadioItem or CheckBoxItem don't have the latest settings (some tweaks were made recently, as you're aware).

Please compare your settings for those three blocks to the ones in Tahoe's load_skin.js.