Radio buttons display side by side

Forms SharePoint 2019
1

Hello. I am very new to plumsail forms - I am using the plumsail forms designer and would like to display the radio buttons controls side by side instead of on top of each other. Can anyone help me with step-by-step on how to achieve this?

I am using SharePoint 2016 on-premsis

current look
currentmode

desired look

RadioButtons
RadioButtons.png1309×193 4.01 KB

2

Hello @asharma190,

Welcome to Plumsail Community!

Just to be sure, you are using SharePoint 2016, is that correct?
Are you using Forms Designer, not Plumsail Forms?

3

@mnikitina that is correct SharePoint 2016 and Forms Designer 3.1.4 version

Any assistance on this would be appreciated! Thank you!

4

@asharma190,

To align radio buttons controls horizontally in Forms Designer, please replace Radio in the code below with the internal name of the control and add the code in the JavaScript Editor.
image

var rows = fd.field('Radio').control()._el().find('table tr td');
fd.field('Radio')
	.control()
	._el()
	.find('table > tbody')
	.empty()
	.append($('<tr />').append(rows));

If you will need any other assistance with Forms Designer please post your question to Forms Designer Forum:
https://spform.com/forum/

5

Thank you so much this really helps!

1 Like