CODEWITHSUNDEEP
listviewsharepointsharepoint-designer
Charlie
Charlie

Reputation: 2096

Customise a SharePoint List Form into Sections/Tabs/Pages

I have a SharePoint solution which uses a list with around 20 different pieces of data. I would like to be able to break these up into sections/pages/tabs so that the user experience in populating and editing these is not so poor.

I know how to use SPD (SharePoint Designer) to customize list forms and was wondering if anyone knew of a technique for achieving this.

I have looked at using a MultiView control but this appears to screw up the rendering within the form.

Ideas welcome.

Upvotes: 4

Views: 26502

Answers (7)

Tim
Tim

Reputation: 221

I ran into this javascript way to split forms into tabs. Might be of use to you? Click for image (since I'm not allowed to post images yet...)

Upvotes: 1

Jeb Castelo
Jeb Castelo

Reputation: 1

Info path forms support this but you have to deploy them in a Form Library instead of a list. You can filter a repeating section based on other fields within the form and only display the fields based on your previous selection. It is the easiest way, not sure if you have InfoPath and the server/licensing set up to use infopath forms?

Upvotes: 0

Dmitry Kozlov
Dmitry Kozlov

Reputation: 486

Try to use Forms Designer tool: http://spform.com. It allows you to create rich dynamic forms with tabs based on jquery-ui tabs.

Upvotes: 2

josh
josh

Reputation: 11

You could try using PowerForms. It supports tabs and free control positioning (uses silverlight).

Upvotes: 1

dahlbyk
dahlbyk

Reputation: 77580

jQuery UI has a nice tab control that you could leverage combined with some validation to make sure the form isn't submitted if the user hasn't filled out all pages. Before you attach the jQuery, you'll want to split the existing form into separate div-wrapped tables.

Upvotes: 1

strongopinions
strongopinions

Reputation: 3957

I would probably modify the current form and add div tags that show or hide, through javascript, based on a click somewhere. This would avoid additional .NET code altogether, and therefore maybe the multiview issue you saw.

Upvotes: 1

Nat
Nat

Reputation: 14305

You can create some Javascript to hide fields until necessary, but it is going to be a hard slog to get it right. It could be easier to create a custom .NET form for the data and use the object model to store the list data.

Upvotes: 2

Related Questions