How can I line up buttons to the right of a column

I'm trying have have explanation buttons to the right of a column. Not sure how to do this. The builder shows them stacked but the website shows them side-by-side.

Hi Edward,

Thanks for reaching out to Jotform Support. I understand what you’d like to do, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

Let us know if you need any other help.

Hi Edward, 

You can easily move the buttons to the right side of the multiple choice field by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

/* Anchor the image buttons to the checkbox group */

#id_331 {

position: relative !important;

}

/* Image buttons style */

#id_322,

#id_338,

#id_337 {

position: absolute !important;

left: 100% !important;

margin-left: -320px !important;  /* Positioned 30px further left */

width: 90px !important;

}

#id_322 {

top: 390px !important;

}

#id_338 {

top: 440px !important;

}

#id_337 {

top: 490px !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Check out my screenshot below to see the result:Give it a try and let us know how it goes.

I think I understand how it works. How do I find the #id of an object?

Hi Edward,

For Image form elements, you can find the ID of the field using the the Inspect Tool in your browser. Let me show you how:

1. On the form's public link, find the field you want to style and right-click on it.

2. In the context menu, select Inspect.

3. In the Elements tab, you can find the element that contains what you right-clicked on and located the ID for the field.

Give it a try and let us know how it goes.