All You Need to Know About Service Portal in ServiceNow

Explore the service portal, its differences from a traditional CMS, and how end users access catalog items, knowledge articles, and community resources through a responsive, cross-device interface.

Explore the content management system (CMS) basics and its building blocks, including headers, navigation, dynamic content blocks, and content sites, and compare them to the service portal and its widgets.

Discover why service portal replaces legacy navigation by providing a user-friendly wrapper that presents applications, knowledge base categories, and tickets in a consistent user interface for end users.

discover the service portal components, including portals, pages, and widget instances, plus knowledge maze and catalog access, and how suffixes control portal navigation.

Configure the service portal title and suffix, set the default page, attach knowledge base or catalog, and use branding editor to customize logo, header, colors, and background without coding.

Select a catalog and knowledge base in the portal to control which categories, articles, and service items appear, and learn how these choices affect search results.

Explore how search sources power the service portal by surfacing catalog items, knowledge base articles, and incidents through predefined scripts, conditions, and field selections.

Explore the service portal page designer by building a new page, adding containers and widgets, and configuring widget instance properties to create a multi-part layout.

Design and edit service portal pages in ServiceNow with the page editor, configure page properties, containers, and widget instances, and apply rules and backgrounds for dynamic titles and content.

Explore how widgets form the basic building blocks of the service portal, including knowledge base, catalog, and cloning widgets for customization. Examine widget body, scripts, and the preview editor.

Create your first widget in the service portal using the widget editor and configure options. Preview the widget and display text or system data to meet your needs.

Understand how scope works in the service portal controller, using prebuilt definitions in ServiceNow and accessing variables and functions via scope or the c object for dynamic data.

Create and customize widget instances in the service portal by adjusting options like table data, filters, and key fields to display incidents and problems dynamically.

Discover how to implement directives in a service portal, define a button, wire an on click event to a function, and display a simple alert to verify user interaction.

Learn how to use directive-based conditions to show or hide content in service portal widgets, using expressions, data objects, and server-side scripts to control text display and widget behavior.

Learn how the useful directive 3 repeats list items using arrays and objects, pushing values and indexing to render multiple elements in the service portal.

Explore ng-bind and ng-model in a textarea to demonstrate bi-directional data binding, where binding variables feed the view and edits can be sent back to the model, avoiding form submission.

Explore the service portal spUtil API in ServiceNow, learning to display error and success messages, call widget functions, and fetch widgets to build interactive portal components.

Learn to work with the SB modal object in the service portal, using alert, confirm, prompt, and open calls, including opening a widget as a modal and handling user responses.

Understand the widget life cycle in service portal, where the data and input objects move between server and client to enable updates.

Explore creating and updating records in a service portal by building a widget that populates a live list, using widget objects and the service portal model for hands-on learning.

Build a service portal widget that populates incident records with a search script, limits results, converts records to strict objects, and displays the data in a dynamic table.

Learn how to turn headers into clickable buttons to sort records by short description, priority, or updated fields, using a sort by function and an order by parameter.

Implement modify and view functionality in a service portal by adding dynamic buttons, creating a modify function, and using ng-if to control visibility based on the selected ticket.

Save the record and update the incident by calling the update function with the modified record through the data and input objects, using the server-side script and scope.

see how the record watcher monitors a service now table for updates and filters incident records by active status. explore how button classes and less styling enhance the widget ui.

Discover how the options feature in a widget dynamically filters incidents from the incident table based on user selection, with page designer enabling reusable pages and configurable options.