Quantcast
Channel: SharePoint 2013 - Development and Programming forum
Viewing all articles
Browse latest Browse all 7589

How to Customise a SharePoint List Form without loosing user experience of an OOTB Form

$
0
0

Hi, I'm new to customising forms for SharePoint and have started using SharePoint Designer to modify the OOTB list forms generated by creating Lists via the UI.

As per the requirements of my end users I have to customise a New/Edit SharePoint List Forms such that they contain the following:

-AutoGenerate a Code in a Text Field by javascript/jQuery/SpServices and set it to Read-only.

- Dynamically generate Title content such that it contains the value of 2 fields within the form concatenated with the additional text added in the Title field.

-Cascaded Lookup fields using SPservices features

- Dynamically Hide a Hyperlink field based on

- Use Javascript to call a Custom File Browser Application Page on the click of a button which needs to be next to a Hyperlink Field.

I have been able to add all these features to my Customised list Form by customising a New Item ListForm within SharePoint Designer. However upon doing so, I have lost OOTB functionalities on the form as follows:

- SharePoint 2013 OOTB People Picker field renders like SP 2010 People Picker Field, where potential results do not appear dynamically as and when user types name, email or alias in control.

- Cannot Check names on People Picker Field.

- Saving New Item results in Error 2 out of 3 times.

- Errors that Fields are required and other OOTB validations for Date, People Picker etc do not appear on form in red below respective field upon saving. Instead, Form just returns the "Sorry, Something went Wrong" page with correlation id.

How can I be able to maintain the functionalities above while still being able to extend the form to meet alle of my end-users requirements?

Thanks a lot,

Rhyan


Viewing all articles
Browse latest Browse all 7589

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>