SharePoint's Choice Fields: how to arrange checkboxes or radiobutto in one row

Of course there are multiple reasons to use checkboxes or radiobuttons - even in SharePoint.
But the most common problem: if you have more than three choices your form is blowing up.

The solution is to arrange them in a row.

To do so we need to take a deeper look.

This is the default generated html of the radiobuttons (the closed <tr>-tags are similar to the opened one):


Luckily SharePoint does not need the correct HTML structure, so we can move the content of the <td>-tags into the first one.

The easiest way to do so is to use jQuery.

1
2
3
4
function alignRadioBox(fieldName) {
    // append all ratiobuttons to the first one
    $("[id^='" + fieldName + "'] tbody tr td .ms-RadioText:gt(0)").appendTo($("[id^='" + fieldName + "'] tbody tr td .ms-RadioText:eq(0)"));
}

Comments

Post a Comment

Popular posts from this blog

Refresh the User Information List in SharePoint

If you are going into the User Information List, you will sometimes see it is not up to date. There are two jobs (User Profile to SharePoint Quick Sync and User Profile to SharePoint Full Sync). The quick sync will only add new member into your list and somehow it does not work sometimes. So you need to trigger the full sync. The question is how.. there is no point in the UI to do so and not even PowerShell is able to start it. The good old stsadm will rescue us. There are two commands you need to execute in your SharePoint Managing Shell (as administrator).
More »

Get the mail address from a FieldUserValue Client Side vs Server Side

In SharePoint are two ways to code by using an object model. The one way is the Client-Side Object Modell (CSOM) and the other side is the Server-Side Object Model (SSOM). At the first look they both look the same the only difference is how the objects are looking for example the is the 'Site'-object (client side) is called 'SPSite' on server side. A good way to demonstrate the difference is to get the mailaddress of a userfield. That sounds easy, but needs more lines that I thought at first. So let's say you got a SharePoint 2013 and want to read the mailaddress on client side. That would look like this: 1 2 3 4 5 6 7 8 9 // get the userfield of the item e.q. Author FieldUserValue Author = (FieldUserValue)currentItem[ "Author" ]; // ask the web to find a user with the id in the field (only works if the user visited the site) var user = web.SiteUsers.GetById(Author.LookupId); // load the data with the context context.Load(user); context.ExecuteQue...
More »