Inside Activate
Development
General
6 min
the following document provides guidance on creating activate v8 home pages activate v8 contains a number of prebuilt examples of home pages that can be used as the basis for creating a custom home page they are included on the default home page at the bottom to allow quick selection this panel would be removed before production these examples can be found under the usual homepage location in studio/administrator //resources/configuration/web under there you will find for a webform parameter 'example homepage1 image', 'example homepage1 quicklink', etc home page tiles should be used to provide links to top level items that users need most home pages work up to around 20 tiles this gives 5 rows of 4 on a medium screen they should be ordered by the more commonly used items admin tiles can be placed at the beginning of they are commonly used by admin users instead of the normal user options services/dl’s/mailboxes/etc are more commonly used than things by users/roles etc and should be first landing pages can be used for more advanced admin type functions to reduce tiles on the home page users can customise the home page by adding favourites all pages contain a section where the users top 5 or x favourites are shown so admins can add dashboards or tasks to their own home page as required this means they may not need to be ‘standard’? standard version this version is the standard v8 home page and provides users with tiles to access all areas of activate an admin tile could be added to link to a landing page for admins if there are more tasks users can add items to favourites that is shown under the search bar this allows users to customise the items in the home page quickly and easily quick links the side bar should only be used if necessary in most cases a tile is a better option quick links should be used for secondary links that are not commonly used or for quick links specific applications/systems etc these quick links should probably just hide on mobiles as users can get to them separately the quick link sidebar example does have a example of the side bar hiding and then a ribbon bar style showing on mobile consider adding the quicklink items to the drawer menu for users at //resources/users/web user drawer this means they can access them on mobile or anywhere from the drawer this shows an example of the tiles being centred left justified is the preferred option as per the standard version favorites can be shown in the quick links bar as well small tiles the small tiles example shows setting the tile size=’small’ – no custom css the tiles can have a description set – as in the example if you remove the description the tiles are smaller also this option should be used carefully as it can get busy this shows an example of the search bar inside the info bar at the top image image needs to be carefully chosen to make sure the text is visible either dark with white text or light image with dark text the page size is set to full so that padding for tiles etc needs to be added to those components because the home page has no padding so that image bleeds to the edge of the window the image is centred and has object fit\ cover set so that it works on all screen sizes as i mentioned there is a new backgroundimage on panel that can be used in the next build to remove the need for custom css note custom less should not be used in v8 unless for very specific cases this should be used as a last resort and should not be used to customise built in components