Skip to main content
Sympraxis Consulting

Demos

Go Search
Home
Services
Clients
About
Demos
Contact
  
Sympraxis Consulting > Demos > Demo Pages > ComplicatedList  

Demo Pages: ComplicatedList

 
Attach FileAttach File
* indicates a required field

Title *


Column_1


Description of Column_1

Column_2


Description of Column_2

Column_3


Description of Column_3

RichTextColumn

Column_4


Description of Column_4

Column_5


Description of Column_5

Column_6


Description of Column_6

Column_7


Description of Column_7

Column_8


Description of Column_8

Column_9


Description of Column_9

Column_10


Description of Column_10

Column_11


Description of Column_11

Column_12


Description of Column_12

Column_13 *


Description of Column_13

Column_14


Description of Column_14

Column_15


Description of Column_15

Column_16


Description of Column_16

Column_17


Description of Column_17

Column_18


Description of Column_18

Column_19


Description of Column_19

Column_20


Description of Column_20

Column_21


Description of Column_21

Column_22


Description of Column_22

Column_23


Description of Column_23

Column_24


Description of Column_24

Column_25


Description of Column_25

Column_26


Description of Column_26

Column_27


Description of Column_27

Column_28


Description of Column_28

Column_29


Description of Column_29

Column_30


Description of Column_30

Column_31


Description of Column_31

Column_32


Description of Column_32

Column_33


Description of Column_33

Column_34


Description of Column_34

Column_35


Description of Column_35

Column_36


Description of Column_36

Column_37


Description of Column_37

Column_38


Description of Column_38

Column_39


Description of Column_39

Column_40


Description of Column_40

Column_41


Description of Column_41

Column_42


Description of Column_42

Column_43


Description of Column_43

Column_44


Description of Column_44

Column_45


Description of Column_45

Column_46


Description of Column_46

Column_47


Description of Column_47

Column_48


Description of Column_48

Column_49


Description of Column_49

Column_50


Description of Column_50

Column_51


Description of Column_51

Column_52


Description of Column_52

Column_53


Description of Column_53

Column_54


Description of Column_54

Column_55


Description of Column_55

Column_56


Description of Column_56

Column_57


Description of Column_57

Column_58


Description of Column_58

Column_59


Description of Column_59

Column_60


Description of Column_60

Column_61


Description of Column_61

Column_62


Description of Column_62

Column_63


Description of Column_63

Column_64


Description of Column_64

Column_65


Description of Column_65

Column_66


Description of Column_66

Column_67


Description of Column_67

Column_68


Description of Column_68

Column_69


Description of Column_69

Column_70


Description of Column_70

Column_71


Description of Column_71

Column_72


Description of Column_72

Column_73


Description of Column_73

Column_74


Description of Column_74

Column_75


Description of Column_75

Column_76


Description of Column_76

Column_77


Description of Column_77

Column_78


Description of Column_78

Column_79


Description of Column_79

Column_80


Description of Column_80

Column_81


Description of Column_81

Column_82


Description of Column_82

Column_83


Description of Column_83

Column_84


Description of Column_84

Column_85


Description of Column_85

Column_86


Description of Column_86

Column_87


Description of Column_87

Column_88


Description of Column_88

Column_89


Description of Column_89

Column_90


Description of Column_90

Column_91


Description of Column_91

Column_92


Description of Column_92

Column_93


Description of Column_93

Column_94


Description of Column_94

Column_95


Description of Column_95

Column_96


Description of Column_96

Column_97


Description of Column_97

Column_98


Description of Column_98

Column_99


Description of Column_99

Column_100


Description of Column_100
Attachments
 
 

 Complicated List Overview

This page demonstrates how you can tame a very long Sharepoint list form by breaking it into expandable sections.

The form to the left is simply the NewForm for a list called Complicated List, which has a Title column and 100 other columns named Column_1 - Column_100.

By applying some jQuery and some simple CSS, we can add sections to the form to make it a little bit easier to use.

It's worth noting two cool things about the form:

  • If you pass a section's short name on the Query String, that section will be expanded on page load. Try ?section=SectionN, where N=[1-6], or click one of these links: [3][4][5]
  • If you try to save the form and there are validation errors, the sections which contain those errors will be expended.

My blog post introducing this idea is here.

You can see the script which makes this work here.

You can see the CSS which makes this work here.