Using APEX 4.2.3.00.08
I have created this css class called rb1 in my HTML Header section.
<style type="text/css">
rb1 {-webkit-appearance: none;
background-color: #C9EFF3;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 3px;
border-radius: 3px;
display: inline-block;
position: relative"
}
</style>
I put <rb1> and </rb1> tags around one of my item headings, and sure enough, it works nicely.
Now I would like to use rb1 as the formatting style for the members of a radio group.
I know (or at least I think I know) from this blog http://vincentdeelen.blogspot.com/2013/11/pimp-my-site.html that "These classes can be added to field items in page item attributes, in the “HTML Form Element CSS Classes” attribute, under the section “Element”. " But my question is: exactly WHAT goes into that HTML Form Element CSS Classes field? I've tried just a plain rb1, <rb1>, class="rb1", and so forth. There seems to be a paucity of useful documentation -- I can't find any doc that says exactly what to put into that field and/or in what format. For example, a search of Oracle's APEX documentation site finds no occurrences of the string "HTML Form Element CSS Classes" at all.
Anyway, no matter what I've tried, in that field and in the two fields below it, the radio button formatting does not change.
However, I AM able to directly code this into the Form Element Option Attributes:
style="-webkit-appearance: none; background-color: #C9EFF3; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 3px; border-radius: 3px;"
And that does indeed do the formatting that I want. But unfortunately, that field has a limited length, and it sort of defeats the purpose of creating a reuseable CSS class, doesn't it?
What am I missing, please?