locked
Sharepoint choice field (radio button) is displaying vertically RRS feed

  • 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

    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

    Monday, January 12, 2015 10:52 AM