Results 1 to 2 of 2

Thread: How to style the caption on optionbutton

  1. #1
    Senior Member
    Join Date
    Feb 2012
    Posts
    1,208

    How to style the caption on optionbutton

    Hi,

    When using CSS for the optionbutton, I need to know how to reference the caption part of the optionbutton.
    Name:  optionbutton.jpg
Views: 75
Size:  11.5 KB

    As you can see, the optionbutton class only hits the data side.
    Code:
    [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

  2. #2
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    5,738
    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.
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Journey into the Cloud
Join us