I need to Customize the Calendar list, So I planned to develop it Custom web part for changing the look and feel, functionality, etc, So please suggest me some idea to customize add event page look and feel?
If your motive is to just customize the look & feel , then see this blog. It is a very effective and easy way to do it.
Below are the major steps extracted from the blog:
- Design a html file with new UI you want for the form.
Things to be done while designing the html form:
eg: For Title field , you need to put a placeholder like below:
Title : span>
Use below code to replace above placeholder with the actual UI control for the field.
- Edit the new form and edit form for events list and add a new content editor webpart and refer this html file.
Event forms (New, Display, Edit) cannot be edited in InfoPath, so if you don’t want to do a lot of custom coding you will be limited. Out of the box you can re-order columns, hide columns, and customize the event forms themselves by adding web parts such as the Content Editor to include instructions and other pertinent information to users while they are completing or editing the form.
To reorder columns and hide columns you will need to access the calendar’s settings. To customize the default event forms (New, Display, Edit), in the ribbon, on the calendar tab, in the Customize List group, click Form Web Parts.