How to style the caption on optionbutton

[hmischel@diligentsystems.com]

Hi,

When using CSS for the optionbutton, I need to know how to reference the caption part of the optionbutton.


As you can see, the optionbutton class only hits the data side.

[lianja_ui_class="optionbutton"] { 
 border-radius: 5px;
 background-color: #DEEDFF;
  };

Interestingly enough, if I specify background-color: #DEEDFF; in line in the CSS option of the field itself, then both parts of the optionbutton get picked up.

Thanks.

Herb

[barrymavin]

Hi herb,

Each field on the canvas is a "FormItem". They are comprised of:

lianja_ui_section_formitem
lianja_ui_section_formitem_label="1"
lianja_ui_section_formitem_data="1"

The optionbutton is embedded in the "Data" container.

So to style the whole thing apply the CSS to the data which is what happened when you specify it in the attributes.

As I mentioned earlier you can use:

lianja_ui_optionbutton

rather than lianja_ui_class="optionbutton"

They both work the same.