We’ve upgraded our domino server overnight to 8.5.2 and we now have borders around all our checkbox groups and radio groups. I’ve tried to set the value in border to 0 but no luck, I did however have luck by applying a white border. Why has this happened and why should I be having to apply a border to get rid of it - that doesn’t make sense?
Hi Steven, I also experienced the border issue with checkboxes & radio groups, and resolved it by adding a style “border-width:0px;” to all of them via the All Properties tab.
I’m also trying to suss out why my tables are now extending beyond the right browser margin in both IE8 & Firefox 3.6. Seems an extra 40 pixels have been added in somewheres along the way (using OneUI) compared to 8.5.1.
Annoying that a point release would cause such rendering differences.
Please forgive me if you’re already aware of this. Checkboxes and radio buttons are actually rendered as a table in XPages, with one checkbox or radio button per table cell. The styling of the table in question may be inherited from an outer table.
If it’s Notes Client, I believe the XULRunner has been updated in 8.5.2. The XULRunner is the rendering engine to show the HTML. The previous XULRunner was equivalent to an old version of Firefox, and didn’t render content correctly.
Regardless of whether it’s Client or Web, I would strongly suggest using Firefox and inspecting the CSS with Firebug. By navigating through the HTML tree you will be able to see what CSS classes are affecting the tables and your radio buttons, and see what needs changing.
Subject: for radioButtonGroup there’s a fieldset class from forms.css that’s causing the border
Hi Paul, this is what’s generated for a radiogroup in 8.5.2 (using FireFox & Firebug):
... etc.
and the CSS that’s coming from forms.css is:
fieldset {
border:2px groove threedface;
display:block;
margin-left:2px;
margin-right:2px;
padding:0.35em 0.625em 0.75em;
}
Nothing I coded for sure.
My other problems with the right margin stretching … I’m not 100% sure but it seems in 8.5.2 the margins & padding are handled differently. I had to remove padding from my custom style sheet & remove some OneUI styles from elements & add a container panel to a number of elements & fiddle with margins. I’m not using a pure OneUI framework 'cause I can’t figure it all out, so that may have contributed to the problems.