Answered by:
Sharepoint choice field (radio button) is displaying vertically

Question
-
Hi,
I have created a sharepoint choice field and added 5 values to that.I changed the column type to radio button instead of displaying as a dropdown.But it is displaying in vertical position instead of horizontal position.
I tried to apply spservices script after placing jquery files in my custon form but that is not working.
$().SPServices.SPArrangeChoices({ columnName: "Lead Source", perRow: 2 });
the above code is changing anything.
Please provide any solution for this.
Poovi
Monday, January 12, 2015 7:32 AM
Answers
-
Hi Poorvi,
Please use the following code, it works I have tested following are results.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script language="javascript"> var $j = jQuery.noConflict(); $j(document).ready(function() { var firstRadio = $j(".ms-RadioText:eq(0)"); $j(".ms-RadioText:gt(0)").appendTo($j(firstRadio)); }); </script>
Please don't forget to mark it answered, if your problem resolved or helpful.
- Proposed as answer by arshtab Tuesday, January 13, 2015 8:35 AM
- Marked as answer by Tobias ZimmergrenMVP Wednesday, January 14, 2015 8:55 AM
Monday, January 12, 2015 10:22 AM -
Please check this as well
https://social.technet.microsoft.com/Forums/sharepoint/en-US/b21df42d-5350-481f-b8c8-7eb09094b4d8/how-to-change-the-choice-radiobutton-field-to-arrange-the-radio-buttons-horizontal-direction-instead?forum=sharepointcustomizationlegacy
https://social.technet.microsoft.com/Forums/sharepoint/en-US/e5111fb9-143e-4e13-8dfe-e55bc3f8f834/display-sharepoint-radio-button-choice-column-horizontally?forum=sharepointcustomizationlegacy
Please remember to click 'Mark as Answer' on the answer if it helps you
- Marked as answer by Tobias ZimmergrenMVP Wednesday, January 14, 2015 8:56 AM
Monday, January 12, 2015 10:52 AM
All replies
-
Hi Poorvi,
Please use the following code, it works I have tested following are results.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script language="javascript"> var $j = jQuery.noConflict(); $j(document).ready(function() { var firstRadio = $j(".ms-RadioText:eq(0)"); $j(".ms-RadioText:gt(0)").appendTo($j(firstRadio)); }); </script>
Please don't forget to mark it answered, if your problem resolved or helpful.
- Proposed as answer by arshtab Tuesday, January 13, 2015 8:35 AM
- Marked as answer by Tobias ZimmergrenMVP Wednesday, January 14, 2015 8:55 AM
Monday, January 12, 2015 10:22 AM -
Here you go. This would give you desired results
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script language="javascript"> var $j = jQuery.noConflict(); $j(document).ready(function() { var firstRadio = $j(".ms-RadioText:eq(0)"); $j(".ms-RadioText:gt(0)").appendTo($j(firstRadio)); }); </script>
Please remember to click 'Mark as Answer' on the answer if it helps you
Monday, January 12, 2015 10:51 AM -
Please check this as well
https://social.technet.microsoft.com/Forums/sharepoint/en-US/b21df42d-5350-481f-b8c8-7eb09094b4d8/how-to-change-the-choice-radiobutton-field-to-arrange-the-radio-buttons-horizontal-direction-instead?forum=sharepointcustomizationlegacy
https://social.technet.microsoft.com/Forums/sharepoint/en-US/e5111fb9-143e-4e13-8dfe-e55bc3f8f834/display-sharepoint-radio-button-choice-column-horizontally?forum=sharepointcustomizationlegacy
Please remember to click 'Mark as Answer' on the answer if it helps you
- Marked as answer by Tobias ZimmergrenMVP Wednesday, January 14, 2015 8:56 AM
Monday, January 12, 2015 10:52 AM