How to change the alignment of radio buttons/check box belonging to the same field?

[arnabwa]

Hi All,

I am in need of changing the alignment of some of the radio button/check-box options under the same field. More like the way we start with a bookmark and then the inner bookmarks are aligned slightly towards right (like in MS-WORD). Example:

                                                                                                                                                                                 

                                                                                                                                                                                                     

Field name is Buttons. All the radio buttons visible belong to this field and the radio buttons Menu, Tabs & Tree appear after Repeat Button is selected. The last three buttons would appear at an alignment right in comparison to the top three.

I have tried a lot getting a solution but have failed till now. This is my first post in the community and I don't want to leave any stones unturned regarding this problem.

All of your efforts will increase my zeal and inspire me to know more and more about service now. Thanks a lot in advance!

[Miriam Berg · Accepted solution]

Hi Arnab,

There aren't any alignment options as far as i know, except using two columns. Therefore I suggest using a catalog client script to make this happen.

Here's an example of a client script used to indent radio buttons: indent Multiple choice question

A good place to start is using the F12 developer in Chrome.

Let me know if you need additional help

Good luck!

BR /Miriam

[arnabwa]

Hello Miriam,

Thanks for the reply.

The solution is not working in Fuji. May be this is because the restriction added on DOM manipulation from Fuji release.

Could you please provide any alternate script for Fuji.

Regards,

Arnab

[Miriam Berg]

Hi Arnab,

The linked content was developed in Fuji, so yes it does work...

What exactly did you try?

BR /Miriam

[arnabwa]

Hi Miriam,

I am feeling happy to let you know that your solution worked. Actually I kept on trying with "label".

var options = document.getElementsByTagName('label');

The script according to the source code worked on "input".

var options = document.getElementsByTagName('input');  

But I can understand that both are correct. It depends on the source code.

Thank you for your immediate support. These things will definitly increase my horizon.