Quick Guide to Implement Service Portal In ServiceNow-Paris

Learn how to clone an out-of-the-box widget to reuse code or create a new widget from scratch in ServiceNow's service portal, then edit in the widget editor and set access.

Create your first widget from the widget module, enable preview in the widget editor, and build a simple interface with a heading, a link, and a submit button.

Explore how scope controls where functionality lives in the service portal, with each widget in its own isolated scope to support multiple instances on a page.

Discover how to access client data in a service portal using two methods: scope and the c prefix, with variable initialization and retrieval in emails and client scripts.

Create a simple list widget instance on a ServiceNow portal page, apply an active filter with an encoded query, choose display fields, and preview desktop and mobile views.

Learn how to use angular directives such as ng-click, ng-if, ng-model, and ng-repeat to handle clicks, conditional rendering, binding input values, and repeating data in templates.

Create a new service portal widget and implement ng-click on a button. Define a client script function, wire it to the button, and verify the alert submitted in the preview.

Explore ng-if in the service portal: define a client-side scope variable for active incidents and conditionally render messages using double curly brackets, with live previews.

Define a data object as a DataDot variable to send values from the server to emails and client screens, then use ng-if with DataDot.active to display active incidents or zero.

Learn to render a country list with ng-repeat by binding server-side or client-side data to a region, displaying India, USA, Canada in a vertical list.

Explore ng-bind to display a read-only address and ng-model to bind an editable input, demonstrating bidirectional data binding and its use in variable updates and basic database operations.

Learn to implement SPOG functionalities to display error, input, and trivial messages in ServiceNow forms by initializing SB util at the function scope, binding message methods, and using button-driven triggers.

Learn to embed widgets in a ServiceNow service portal using client and server side scripts, apply conditional visibility, and preview widgets such as clock and breadcrumb.

Explore how a service portal page routes to the target page or home when missing and loads widgets with server and client scripts, guided by the option schema.

Explore how global objects flow from server-side scripts to client-side widgets in a service portal, updating data objects and sending changes back via server updates and promises.

Create a simple report an issue widget for the service portal using bootstrap styling, submitting to the incident table via glide record.

Explore the server-side global objects input, data, options, and schema options, and how glide sp scriptable uses the global $sp object to perform record operations in the service portal.

Create a recently reported issues widget for the service portal that lists the latest incidents (ten max) with incident numbers and short descriptions, using server and template scripts.

Use the get portal record method to fetch a portal title for a widget, and the get parameter method to pass a short description.

Demonstrate the angular ng-show directive to show or hide widget parts in a service portal without DOM manipulation, using a checking variable to toggle the submit button to submitting.

Explore the Espie model client object and the ASP model to display modals, prompts, and confirmation dialogues in service portal client scripts.

Demonstrates how to use SP alert and SP confirm in a service portal, triggering an alert on click and a confirm dialog that submits a form on OK or cancels.

See the SPModal prompt demo, capture user input in a client script, pass it to a server script to update records, and preview results interactively.

Explain the Espie open method in Service Portal, configuring a button with title, message, and optional input, then capture the response and optionally embed a widget inside the popup.

Learn to use angular js filters in a service portal by building a recently reported issues widget with a live search bar that filters the list by a keyword.

Demonstrate ng-change in a service portal with a simple urgency dropdown (high, medium, low) that triggers an alert and logs the change to the console for debugging.

Build and use the updated contact details widget to display current user information and update email and phone number, with server-side and client-side scripting in the service portal.

Explore how update widgets handle real-time data with record watch and client API listeners. Understand copy types, real-time updates to incident records, and client-to-server sport update patterns.

Update multiple user widget demonstrates updating a selected user's email through a service portal, with server-side data retrieval, sorting by username or email, and real-time updates via record watch.

Learn how to call a script include from the service portal, pass arguments, and create incidents from the report issue widget in ServiceNow Paris.

Explore root scope in service portal development by seeing how the roots group shares data across widgets, enabling cross-widget access and region-wide transfers, with broadcasting introduced in the next video.

Explore a broadcasting widget demo that transfers button presses from one widget to a second widget using the root scope.

Shows how to build two service portal widgets with admin and client scripts, using root scope and a custom event to broadcast actions from directional buttons and display received messages.

Learn how to use the widget options schema in service portal to configure widget parameters, including changing the data table, colors, and other settings, accessible on client and server sides.

Demonstrate the options schema widget on the service portal, showing multiple instances of the same widget for recently reported changes, problems, and incidents, and edit properties to customize titles.

Discover the widget customization feature in the service portal, color-coding widgets as base system, clone, new, or customized. Run the portal analyzer schedule to summarize widget usage and page views.

Enable user self registration through the Paris release service portal, with external signups and admin approval or rejection via an activated user registration plugin.

Explore the drag and drop attachment widget for service portal items in ServiceNow, enabling multiple files at once and replacing the out-of-the-box attachment feature on catalog items and record producers.

Explore the attachment variable in Paris release, enabling uploads for catalog item questions, with download, update, and delete for UI policies and size/type restrictions via max files and allowed extensions.