Skip to main content

Search

Displaying radio buttons horizontally - How do I change the buttons from displaying vertically to displaying horizontally

Comments

4 comments

  • Ardevia Forum

    Original Post by Vitaliy Zadorozhnyy (Imported from Ardevia Forum)

    Hi Sandy,
    Yes you can do this enough easy. Just add "Execute Script Action" in "Form Load Actions".

    Code:

    var rows = jQuery('span[fieldname="FieldName"] table tr');
    rows.css('display', 'inline-block');
    
     

     

    Just put instead of "FieldName" your radio field internal name.
    Let us know if it was working for you.

    0
  • Ardevia Forum

    Original Post by Sandy (Imported from Ardevia Forum)

    Thank You Vitaliy, almost perfect....

     

    How do I insert spacing between the text related to the first radio button and the second radio button?

     

    Cheers Sandy

    0
  • Ardevia Forum

    Original Post by Taras Lozynskyy (Imported from Ardevia Forum)

    Hi Sandy. Please this to the end of code

    Code:

    rows.css('margin-right', '5px');
    
    0
  • Christof Nussbaumer

    Due to requests how to achieve this formatting on skybow Modern Forms we provide here this style:

    1. Add a new Style to your Choice field:

    2. Paste this style rule at end of style editor:

    .sb-field-input .ms-ChoiceField {
      display: inline-block;
      margin-right: 15px;
    }

    0

Please sign in to leave a comment.