Applies to Event Management
How to: Create customizable event pages on your SharePoint site
Instead of showing the event form with all details in a dialog, you can create and publish a customizable event page on your SharePoint site with all needed information. By following this guide, you will be able to efficiently provide all necessary event details to your attendees, ensuring a smooth and clear registration process using the Event Management app. You can use the same event page for all events or create one event page for each event. That way, you stay fully flexible!
Prerequisites
Make sure you have the app SharePoint|sapiens Modern User Interface version 1.3.46.0 or higher installed. After installing the new version, open the Site Contents view on your SharePoint site, click on the app SharePoint|sapiens Event Management, click on Change Settings and save the settings again.
Open the event page instead of the entire form
You can decide per view if you want to open the form dialog or the customizable event details page. If you want to display the event details page, you will have to add a column in your Upcoming (Training) Events list. Change the view and include the column Title (open item in details page) instead of the default title column.
The default event page
You have the option to create one event details page for each event. If you don’t have a page created for an event yet, you can use the default event page to display a customizable page for attendees.
Where can I find the default page?
Open the site pages library on your SharePoint site, open the folder detailspage/sapiensEvents/EVMEvent and click on the file default.aspx.
How can I edit the default page?
If you want to edit the default event page, click on Edit. Once in the Edit mode, feel free to add the web parts and the columns you would like to display on your specific event page. You can also change the pictures on the top of the page.
Change the form web part
In the form web part, you can decide what columns should be visible and the order of the columns in the form.
Configure Enrollment Button
You can customize the enrollment button, change the button text, the icon, alignment, size and if you want to open the enrollment form in a dialog or in the full screen view.
For a list of icons, visit the Fluent UI Icons gallery: https://developer.microsoft.com/en-us/fluentui#/styles/web/icons
If you want to customize the enrollment page, read the article How to: Create a custom enrollment form.
Details page per event
Add the column to the Scheduled Events List
If you want to create a details page per event, add the column Event Page to the view that is visible for organizers.
Organizers can use this link to create a details page per event. If an event doesn’t have a details page created, the default page will be used to show event details to attendees (See The default event page).
Design a template page for the event page
Template vs Default page
Before going into more details about the template page, let’s just highlight the difference between the Default page and the template page:
Default page: the page users see if they click on event and no specific event page was created.
Template page: the template that opens, when the organizer click on Create Event/Course Page.
Where can I find the template of the event page?
Before creating pages per event, we recommend that you review and update the details page template to ensure that it meets your needs. You can find the details page template in the Site Pages library in the folder detailspages/detailspages/sapiensEvents/.
Editing the template of the event page
Once the details page template meets your needs, you can start creating your first details page. Open the view and click on Create Details Page. This will create a new page using the details page template (see above). Once the page has been created, you can review the page, add a banner image, customize the web parts and add other web parts like file viewer, maps, etc. Once you are satisfied with the new design, click on Republish.
Feel free to contact our experts via support@sharepointsapiens.com if you have any questions. We are always happy to assist.