ServicePortal tips and tricks
What is the ServicePortal?
The Service Portal is now 6 versions in with Madrid and 7 versions with New York and has been introduced into many other parts of ServiceNow: Original Release Notes (Helsinki).
Service Portal introduced mobile first design leveraging Twitter Bootstrap and Angular.js (1.5 Series). The new system relies on Angular to deliver a "single-page" application and a framework for editing the page layout, menu, and content blocks (widgets).
One of the main benefits of the Service Portal is removing the dependency on Jelly for server side scripting, and the introduction of modular components (widgets) with isolated/independent functionality (scope).
Since Angular's release, it has gone through major revisions and 2.0 introduced a completely different breaking change.
1. Angular Version: 1.5.11
2. Bootstrap Version: 3.3.7
Differences from Core Platform
The core platform of ServiceNow and the older Content Management System use Jelly, which is a server side pre-processing engine. It's probably easiest to refer to the ServiceNow documentation around this topic: Content Management and the Apache Jelly engine
Before the Service Portal:
It's very powerful, but can be confusing and difficult to debug. This is still the technology used if you want to create a UI Page (custom page) in the core platform.
Benefits of Service Portal
The ServicePortal introduces a more robust framework for building custom pages and functionality.
Fully contained data handling model and clean editor interface for customization.
The Server code section gives you access to standard GlideRecord queries.
The Client Script gives the ability to trigger updates which re-run the server code with the given inputs. This can update records, refresh the data set, or nearly an unlimited array of choices.
Core system prior to scoped applications allowed modification to existing records and any "cloning" was manual, and up to the Administrator.
Widget cloning allows a persistent reference back to the "OOB" (Out-of-box) version. You can always go back and see the original functionality.
Cleaner layout editor through the Page Designer with a simple Bootstrap container and grid system.
Live preview theme changes allowing you to easily set your primary, secondary and supporting colors as well as your logo and banner image (if desired).
Branding, Design, and Layout
One of the first steps with setting up your Service Portal is applying your branding, colors and design. You may also choose to adjust the page layouts.
To access the branding editor, go to the "Service Portal" menu and click on "Service Portal Configuration". This opens up the configuration application and a home screen with tiled options. Click on the "Branding Editor" to begin.
From within the branding editor you can adjust the basics including company logo, banner image, title text and primary/secondary theme colors.
The Page Designer allows you to adjust the containers (content areas). You can easily add a 12 column section (full width) or a multiple column layout:
Functional Changes & Menu
From the portal definition record, you can see specify things like the homepage for this portal, and the Header, Footer and Menu:
If you go into the "Main menu" record, which in our case is a copy of the stock menu, you can see all the related navigational items that are displayed at the top of your portal.
Easily disable particular menu items you're not ready to use by setting the "Menu Item" to inactive. Or go into the menu item to adjust the menu behavior or add/remove sub-menu items.
This really just scratches the surface of what you can do in the Service Portal. Many of the new applications within ServiceNow are based on or utilize the Service Portal technology.