Creating a Custom List Form with SharePoint Designer 2010
Creating a Custom List Form with SharePoint Designer 2010
In this post I will go through one of the common techniques of creating a custom list form using SharePoint Designer 2010.
Custom-List

I CHOOSE SITE ACTIONS > MORE OPTIONS
I start off with a fresh site collection for which I have chosen the team site template as the top level site. This can be done from any site for which I have the correct permissions but I like to keep it nice and simple and clean.
Fill-Out-Form

I FILTER THE OPTIONS BY CLICKING BLANK & CUSTOM AND THEN FIlL OUT THE FORM AS SHOWN USING THE CUSTOM LIST AT MY TEMPLATE AND THEN CLICK CREATE
I call my list "Pets" because I'm going to make a list of my pets.
List-Settings

I CLICK LIST SETTINGS – THE LIST TAB IS ACTIVE AND THUS THE LIST SETTINGS ICON IS AVAILABLE
I could click Create Columns, however I want to change the Title Column to Pet Name so I'll go to List Settings.
Change-Title

I CLICK ON THE TITLE LINK
In this case, it will make sense to change the Title column to pet name since they are both single lines of text. You cannot delete the Title column.
Change-Title-To-Pet-Name

I REPLACE THE WORD TITLE WITH PetName AND CLICK OK
Create-Choice-Column

I CLICK CREATE COLUMN
Add-Type-Of-Pet

I ADD A CHOICE COLUMN CALLED TYPE OF PET USING THE OPTIONS: DOG, CAT, LIZARD, SNAKE
I fill out the form as shown and click OK (Button Not Shown)
Click-Pets-Link-In-Quick-Launch

I CLICK THE PETS LINK IN THE QUICK LAUNCH TO GET TO THE ALL ITEMS VIEW OF THE PETS LIST
Add-New-Item

I CLICK ADD NEW ITEM
Observe-Built-In-Form

I TAKE A LOOK AT THE OUT OF THE BOX NEW ITEM FORM AND CLICK CANCEL
Open-SharePoint-Designer

I CLICK SITE ACTIONS > EDIT IN SHAREPOINT DESIGNER TO OPEN SHAREPOINT DESIGNER 2010.
I could have opened SharePoint Designer 2010 from the start menu; however I prefer this method so I don't accidentally connect to the wrong site.
Select-Pets

I SELECT LISTS AND LIBRARIES FROM THE NAVIGATION PANE AND THEN SELECT PETS FROM THE DETAILS PANE.
Choose-New-Form

I CLICK NEW TO CREATE A NEW FORM.
When I created the new custom list, SharePoint 2010 created 3 new forms for me. DispForm.aspx – for displaying all items in the list. EditForm.aspx – for editing existing items in a list and NewForm.aspx which is used to create a new item. (As shown earlier in this post). I will be creating a form and set it as the default new item form so that it will basically replace the NewForm.aspx (although it won't over write it so I can always revert back to using the out of the box form)
Fill-Out-Form-Wizard

I NAME MY FORM AQUAPETFORM (I COULD CALL IT ANYTHING EXCEPT THE EXISTING FILE NAMES MENTIONED ABOVE) SELECT NEW ITEM FORM AND CHECK THE SET AS DEFAULT FORM FOR THE SELECTED TYPE. THEN CLICK OK.
If I am using content types, I can select it from the drop down menu.
Customize-Form

I CLICK AQUAFORM.ASPX TO OPEN THE FORM UP IN SHAREPOINT DESIGNER FOR EDITING.
Customize-The-Form

I ADD SOME CUSTOM CONTENT TO MY NEW FORM THEN CLICK SAVE (SAVE NOT SHOWN)
Nothing extravagant here, just something so it's obvious I'm using this version of the form when I add a new item.
Preview-In-Browser

I CLICK THE HOME TAB AND THEN CLICK PREVIEW IN BROWSER ICON IN THE RIBBON IN SHAREPOINT DESIGNER 2010
Test-Form

I FILL OUT THE FORM AND HIT SAVE. THIS ADDS A NEW ITEM TO MY CUSTOM LIST
I could have greatly customized this form however that is not the point of this post.
That's it, there are other approaches such as customizing one of the existing forms and even using InfoPath 2010, but this is how you do it with SharePoint Designer 2010 and creating a new custom List Form.
Enjoy!
Spike Xavier
SharePoint Instructor – Interface Technical Training
Phoenix, AZ
You May Also Like
A Simple Introduction to Cisco CML2
0 3850 0Mark Jacob, Cisco Instructor, presents an introduction to Cisco Modeling Labs 2.0 or CML2.0, an upgrade to Cisco’s VIRL Personal Edition. Mark demonstrates Terminal Emulator access to console, as well as console access from within the CML2.0 product. Hello, I’m Mark Jacob, a Cisco Instructor and Network Instructor at Interface Technical Training. I’ve been using … Continue reading A Simple Introduction to Cisco CML2
Cable Testers and How to Use them in Network Environments
0 713 1This content is from our CompTIA Network + Video Certification Training Course. Start training today! In this video, CompTIA Network + instructor Rick Trader demonstrates how to use cable testers in network environments. Let’s look at some tools that we can use to test our different cables in our environment. Cable Testers Properly Wired Connectivity … Continue reading Cable Testers and How to Use them in Network Environments
Government Edition – Encrypting a USB Flash Drive in Windows 10
0 271 2In this video, Security Instructor Mike Danseglio demonstrates how to use BitLocker in Window 10 to secure files on a USB Flash drive that adhere to stricter data protection requirements as found inside Government entities. BitLocker 2-day instructor-led training is now available at Interface: BITLOCK: Planning and Deploying BitLocker Drive Encryption Training Video Transcription: Hi. … Continue reading Government Edition – Encrypting a USB Flash Drive in Windows 10
See what people are saying...