The Portal is built using the Bootstrap front-end framework and as a result you can quickly and easily brand the Portal for your organization. Bootstrap includes CSS and JavaScript components for common web application interface elements and includes styles for navigation elements, forms, buttons, and a responsive grid layout system. The update of the bootstrap file will complete the majority of the branding changes and so updating bootstrap is the place to start.
In addition to the bootstrap css there are other web files and templates that will not be identified within the bootstrap framework but can be copied and modified:
If you decide to use a custom bootstrap.min.css, you can apply it to your portal by applying the custom Bootstrap theme without modifying the site code by uploading it as a web file
For additional information on customizing your portal search for “Create a theme for your portal” on the Microsoft documentation site or click here.
To apply a custom CSS file:
The web templates within VeloCITY 365 define the reusable content structures. Web templates are used to determine full page layouts, the major boundaries and sections of a page or simple web services/endpoints to small embeddable widgets and contain much of the visual elements and logic that make up Velocity 365. Web Templates can be embedded within one another, for example widgets are small Web Templates containing one or more elements that can be embedded on a page.
VeloCITY 365 integrates an open-source template language called Liquid for templating syntax and HTML, CSS and JavaScript. The use of Liquid allows for server-side logic to determine what is returned to the web browser. Liquid uses a combination of objects, tags, and filters to render dynamic content.
NOTE:
It is very important that you never customize original VeloCITY 365 web templates as this makes upgrades difficult. It is recommended that the templates be copied and then updated so the query functions are available but the page display is updated. Also note that some templates are referenced by name and so the copied templates need to have the same name.
The custom templates and elements can be reused, and so don’t store text directly within them.
To customize web templates:
For more information on portal pages, refer to the Microsoft website and search for “Configure site settings for portals”, or click here.
For more information on widgets within this document, refer to the Widgets section 19, or by clicking here
The site settings are configurable records that the portal references to either modify behavior or visual information. There are Global Portal, Portal site and Velocity365 settings. For more information on the Global Portal and Portal site settings, refer to the Microsoft website and search for “Configure site settings for portals”, or click here.
The typical Velocity365 settings are:
Name |
Value |
---|---|
Velocity365/Alerts/HomePage/Count |
2 |
Velocity365/Alerts/SearchByCreatedOnDaySpan |
30 |
Velocity365/InteractionTypes/TileMenu/DefaultFAicon |
fa-circle |
Velocity365/InteractionTypes/TileMenu/DefaultImage |
https://via.placeholder.com/200X200 |
Velocity365/InteractionTypes/TileMenu/NumberOfLevelsToDisplay |
2 |
Velocity365/InteractionTypes/TileMenu/ShowChildTileIcons |
true |
Velocity365/InteractionTypes/TileMenu/UseMasonryJs |
true |
Velocity365/InteractionTypes/TileMenuStyle |
Grid |
Velocity365/InteractionTypes/TileMenuTitlePosition |
DOWN |
Velocity365/RelatedWidget/NumberOfRecordsToShow |
5 |
Velocity365/ServiceRequestIntake/DuplicateDetection/GridPageSize |
6 |
Velocity365/ServiceRequestIntake/Location/EsriMap/DefaultMapSettingsId |
5CAFB1D6-236B-E811-8128-5065F38A6BF2 |
Velocity365/ServiceRequestIntake/Location/EsriMap/MapHeightInPixels |
600 |
Velocity365/ServiceRequestMap/EsriMapId |
B021AD4A-3D6B-E811-8128-5065F38A6BF2 |
Velocity365/ServiceRequestMap/Filters/DaysToShowByDefault |
7 |
Velocity365/ServiceRequestMap/InteractionTypeLegend/ListItemClasses |
fa fa-circle |
Velocity365/ServiceRequestMap/MapMarker/DefaultColor |
black |
Velocity365/ServiceRequestMap/OpenServiceRequestDetailsInNewWindow |
true |
Velocity365/ServiceRequestMap/ShowChildIteractionTypes |
true |
Velocity365/Tag/DeflectionColumnPerRow |
2 |
Velocity365/Tag/SearchResultsColumnPerRow |
4 |
Velocity365/Tags/SearchResultsNumberOfRecordsToShow |
9 |