Latest

How to convert SharePoint Form Radio Buttons from Vertical to Horizontal with jQuery

Itroduction:
In this article we will explore , How to convert the sharepoint form Radio buttons from vertical to Horizontal mode.




Solution: 
Add the below jquery to script editor web part in the SharePoint form as below. 

"<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script language="javascript">

$(document).ready(function()
{
  var firstRadio = $(".ms-RadioText:eq(0)");
  $(".ms-RadioText:gt(0)").appendTo($(firstRadio));
});
</script>"

Now the  sharepoint form will looks like below



Hope this article helps !!



Thanks for reading this article ! ! please leave your comments and suggestion about this article.

No comments