serviceportal.io - Apps & Widgets

Apps & Widgets Archives - ServicePortal.io

Serviceportal.io Spined HTML

Apps & Widgets Archives - ServicePortal.io Skip to content 0WaresWidgets Documentation Contact AllAnnouncementsApps & WidgetsCMSDesign & ThemesDocumentationTips & TricksTutorialsUncategorizedVideos Custom Context Menu Options As most of you know, Service Portal has a pretty handy context menu that you can wangle by simply holding lanugo CTRL and clicking (right click on PC) on a widget. The context menu provides several shortcuts to some of the commonly used configuration options. Note: the “sp_admin” role is required to see the context menu.Subtractingcustom context menu items But did you know you can moreover add your own options to the list?Unshutup the Widget Editor and insert the pursuit JavaScript into theVendeeScript field. [crayon-5bb4750495262404574053/] Now when you view the widget in the portal and you unshut the context menu, you will see your newly configured menu items. 4 Comments Posted on September 22, 2018 by Mat Adams SCSS Variables in Service Portal Learn how to streamline your stylesheets in Service Portal by utilizing the full power of SCSS. In this tutorial, I'll walk you through how to use CSS Variables in your widgets, so that they can be overridden in the Theme and Portal records. This is very useful when creating highly reusable widgets, themes or in situations where you have multiple portals sharing a theme. SCSS is a subset of the Syntactically Awesome StyleSheets (Sass) specification and is an extension of CSS. Every valid CSS stylesheet is valid SCSS. SCSS supports the following: Variables Variables are a way to store information that you want to reuse throughout your stylesheet. You can store things like colors, font stacks, or any CSS value you think you want to reuse. SCSS uses the $ symbol to make something a variable. Nesting SCSS lets you nest your CSS selectors in a way that follows the same visual hierarchy of your HTML. Operators SCSS has a handful of standard math operators like +, -, *, /, and %. Mixins A mixin lets you make groups of CSS declarations that you want to reuse throughout your site. You can pass in values to make your mixin increasingly flexible. Functions SASS supports the use of functions by providing some keyword arguments, which are specified using normal CSS function syntax. Quick note: The order of CSS that is shown in the video is based on the Kingston release. In Jakarta, the Theme variables were loaded surpassing the Portal variables. For remoter reading, trammels out the pursuit resources: https://docs.servicenow.com/bundle/helsinki-servicenow-platform/page/build/service-portal/concept/scss-primer.html https://sass-lang.com/guide https://devhints.io/sass https://www.tutorialspoint.com/sass/index.htm 6 Comments Posted on September 10, 2018 by Nathan Firth Unlocking Service Portal Widgets How do you go from hacking a widget together to creating one that is maintainable, easy to understand and performant? You succeed a lot with Service Portal widgets with a little knowledge of ServiceNow APIs and Angular.js, but too often widget vendee and server scripts wilt long and overly complicated. In this session, you will learn practical techniques to make your controller and server scripts increasingly maintainable, flexible and powerful by embracing good coding practices, encapsulation, and decoupling. You can download the widgets used in this video here: https://serviceportal.io/downloads/k18-creatorcon-example-widgets/ 4 Comments Posted on July 5, 2018 by Nathan Firth Widgets and Demo Portal from our K18 Service Portal Sessions Due to popular demand, here is a quick video highlighting the portal and some of the widgets we showed during our CreatorCon sessions at Knowledge18. We've made the pursuit widgets and applications misogynist for download: Gamification for Service Portal https://serviceportal.io/gamification-in-service-portal/ Unlocking Service Portal Widgets https://serviceportal.io/downloads/k18-creatorcon-example-widgets/ If you've found this content useful or if you have any special requests for upcoming posts, please let me know in the comments below. 2 Comments Posted on May 28, 2018 by Nathan Firth Gamification in Service Portal (Knowledge18 CreatorCon) Introduction Thanks for peekaboo our Knowledge18 CreatorCon Session. During this session, NewRocket showcased a scoped Gamification using that is misogynist to download self-ruling here:   NOTE It is required that your version of ServiceNow is running Jakarta or later. This scoped app is not supported on Istanbul or earlier. Components GamificationAPI (Script Include) - Contains the using logic Activities (Table) Badges (Table) Levels (Table) User Badges (Table) User Activities (Table) Gamer (Table) Gamification Points & Badges (Widget) Gamification Event Listener (Widget) Gamification Examples (Widget) Gamification (Page) Driver.js (Widget Dependency) GamificationDriver (UI Script) GamificationTourConfig (UI Script) GamificationDriver (CSS Include) Installation Install & commit the Update Set Navigate to your portal theme record (e.g. Stock) Inside the Header or Footer, embed the Gamification Event Listener widget using the folllowing code: <widget id="gamification-event-listener"></widget> Navigate to the gamification portal page (e.g. /sp?id=gamification) Click Award Points If all has been successful, you should be rewarded with 100 points Included ExamplesFull-lengthTour (using Driver.js Library) Social Q&A Configuration Includes "Gamification for Service Portal"UsingMenu with the pursuit Modules: Activities - The activities users well-constructed to earn points Badges - Badges are earned based on upbringing Gamers - An extension of sys_user, stores user points Levels - The levels users can obtain based on number of points To configure the Driver.jsFull-lengthTour, edit the GamificationTourConfig UI Script. Corrections - (6/13/18) The GamificationAPI Script Include needs "Accessible from" set to "All using scopes" The documentation incorrectly lists the app prefix as "x_nero_gamificatio", however it should be "x_nero_gamificati" Additional documentation has been provided on the Gamification portal page (/sp?id=gamification). For increasingly information on the Driver.js library, trammels out the docs here: https://kamranahmed.info/driver 5 Comments Posted on May 23, 2018 by Mark Miller The Road to Kingston: Order Guides (Part 3 of 3) This is a 3 part series that will take a deeper squint at the new Service Portal features found in the Kingston release. In specimen you missed part 1 or 2, checkout the link below. Part 1 - Announcements Part 2 - Route Maps Part 3 - Order Guides Link to official ServiceNow documentation Order Guides The new order guide widget provides a profoundly improved user wits over the prior versions of the widget. Features Along with an improved UI, it moreover adds some new capabilities: Wizard like interface Support for attachments Removing itemize items from the request Installation The new order guide widget is enabled by default Instance Options Title This does not towards to do anything Bootstrap verisimilitude This does not towards to do anything Compact Mode Displays only one tab at a time for largest rendering on lower resolution devices Enable Show More/Less for Order Guide unravelment on Mobile Enables the ShowIncreasinglyor Show Less options for the unravelment of the order guide or the associated itemize items in the mobile view. This enabled by default. 6 Comments Posted on February 12, 2018 by Nathan Firth The Road to Kingston: Route Maps (Part 2 of 3) This is a 3 part series that will take a deeper squint at the new Service Portal features found in the Kingston release. In specimen you missed part 1, checkout the link below. Part 1 - Announcements Part 2 - Route Maps Part 3 - Order Guides Link to official ServiceNow Kingston Service Portal Release Notes Route Maps for Service Portal One of my favorite features in the Kingston release is the new Page Route Maps. Lets say you're working on a new custom portal, but you would like to leave the out-of-box portal intact. One of the custom pages of the new portal is a User Profile page, in the past you would've either renamed the out-of-box page ID, or used a new page ID and then updated any links found throughout the portal. The problem with this is that the links are sometimes hard-coded in the out-of-box widgets, that you would now have to clone just to transpiration the URL. In Kingston this has been solved by simply creating a new Page Route Map. When to use Page Route Maps Cloning out-of-box pages Multiple portal environments with differing pages Restrict wangle to a page New Configuration Records The pursuit configuration records have been widow to ServiceNow to provide support for the new Page Route Maps feature: New Table Page Route Map [sp_page_route_map] New Module Page Route Maps [Service Portal > Page Route Maps] Creating a New Route Map Using our example from before, if we would like to link our portal to a new User Profile page without waffly any of the existing links, all we have to do is: Navigate to Service Portal > Page Route Maps. Click New.Well-constructedthe form. In this example, the out-of-box page is tabbed "user_profile", and our new page is "user_profile_2". With this new Route Map, any request at the original URL on a designated portal will render our new page. Before: After: Final Thoughts The Route Maps are a unconfined wing to the Service Portal. Due to the Service Portal's modular nature, Page Route Maps finally well-constructed the full whirligig of stuff worldly-wise to quickly and hands transpiration the page that is rendered without waffly URL's. h5,h4 { margin-top: 24px; margin-bottom: 18px; } h4 { color: #3d89cc; } .aligncenter { text-align: center; } .entry-content { border-top: 1px solid #ddd; } 7 Comments Posted on January 17, 2018 by Mark Miller The Road to Kingston: Announcements (Part 1 of 3) In this 3 part series, we'll take a deeper squint into the new Service Portal features found in the ServiceNow Kingston release. Part 1 - Announcements Part 2 - Route Maps Part 3 - Order Guides Link to official ServiceNow Kingston Service Portal Release Notes Announcements for Service Portal One of the new features Kingston has to offer is the out-of-box support for announcements in Service Portal. No longer do you need to hack together your own implementation of a News Knowledge Base category to exhibit within the Service Portal. The new Announcements full-length gives you a extensive tenancy over the squint and finger of an announcement, as well as the content and routing for that announcement. In the rest of this article, we’ll go through the new configuration records for Announcements, as well as some of the tomfool configuration settings that are included. When To Use Announcements There are a number of use cases for announcements, such as informing employees of: A hair-trigger outage New employee health benefits information An upcoming planned maintenance windowFull-lengthHighlights Standard styles: Style announcements by creating custom style records where you can set the preliminaries color, foreground color, etc.Utterancewindow: Provide From and To stage fields to determine the lifetime of an utterance Portal specific announcements: Select which portal you’d like the announcements to exhibit on Configurable links: Add a link to an existing portal page or custom URL Configurable dismissal:Tenancywhether users have the worthiness to dismiss the notification New Configuration Records The pursuit configuration records have been widow to ServiceNow to provide support for the new Announcements feature: New TablesUtterance[announcement] - Stores utterance informationUtteranceStyle [announcement_style] - This table stores a few out-of-box styling configurations for the Announcements widget and allows users to create their own stylesUtteranceConsumer Type [announcement_consumer_type] - Stores the Consumer Type values of Banner and Widget Portal Announcements [m2m_announcement_portal] - Stores mapping betweenUtterancerecord and Portal record Dismissed Announcements [m2m_dismissed_announcement] - Stores mapping between User record andUtterancerecord New Module Announcements [Service Portal > Announcements] New Role announcement_admin - Maintain Service Portal Announcements including creating and deleting. Exploring TheUtteranceForm Most of the fields are self-explanatory but there are a few things worth mentioning: Type field: Contains a watchlist forUtteranceConsumers. This is used to tell Service Portal where to render the announcement.Exhibitstyle field: A reference to theUtteranceStyles table, where you can pinpoint the squint and finger of an utterance by creating or modifying existing styles. Click target field: This field is used to determine if the utterance is clickable, and if so where the user will be routed to. Options include a Service Portal Page record or a custom URL. Dismiss options field: Used to determine if a Service Portal user can dismiss the announcement. Portals related list: If there is no Portal record associated with the announcement, by default, the utterance will show on all portals. If a Portal record is provided, the utterance will only show on those Portals that have been specified. Consumer Types When it comes to displaying announcements in the Service Portal, administrators have 2 options. The first option is the Announcements imprint feature and the second option is the new out-of-box Announcements widget, where you can pinpoint exactly where in a page theUtteranceshould be displayed. Given the nature of an announcement, this is often what you’d like the user to see first, which is why it is included in the header for the Portal. The image unelevated shows the 2 exhibit options, which are references to the sameUtterancerecord.UtteranceStyles Looking to transpiration the default undecorous utterance preliminaries to a verisimilitude that matches your company’s verisimilitude palette? This can hands be workaday by creating a newUtteranceStyle record, which is where you can pinpoint the pursuit configurations:Preliminariesverisimilitude Foreground verisimilitude (text color) Alignment (left aligned or part-way aligned text) Final Thoughts Although it’s a little frustrating that the Announcements full-length cannot be modified since it’s injected overdue the scenes before the header of the Service Portal, overall it’s a step in the right direction. TheUtteranceStyles and Portal related list on theUtterancerecord was a unconfined architectural decision. What We Like Flexibility ofUtterancestylesTenancyover the exhibit of anUtteranceby the Portal related list on theUtterancerecord From and To fields for an easy-to-maintain utterance lifespan User dismissal options What Could Be Improved TheUtterancebanner is injected above the top of the page, so you have no tenancy over the placement and limited options for styling The worthiness to provide an Angular template would have been a nice widow full-length h5,h4 { margin-top: 24px; margin-bottom: 18px; } h4 { color: #3d89cc; } .aligncenter { text-align: center; } .entry-content { border-top: 1px solid #ddd; } 10 Comments Posted on December 20, 2017 by Mark Miller SpaceRocket 404 Page for Service Portal I'm always been a fan of creative 404 pages, expressly when they include something interactive, like a game (hence the reason I ripened the OOB breakout game). So when I saw ServiceNow post a 404 Page challenge, I thought this was the perfect opportunity to create a space/rocket themed 404 game. Given that I don't have a lot of self-ruling time, I pulled some of the game logic from a Github tutorial, and then spent the rest of the day integrating it into a Service Portal widget, and subtracting new functionality such as High Score tracking, and presenting it with some cool graphics. I think it turned out pretty tomfool for a quick weekend project. The game is live on our demo instance if you want to trammels it out: https://newrocketdemo1.service-now.com/$sp.do?id=spacerocket It's only been tested on Chrome, Safari, and iOS Safari... so if you find any bugs let me know. To submit your own 404 Page, or see some of the other submissions, throne on over to the community: https://community.servicenow.com/message/1261738 Screenshots: 2 Comments Posted on October 9, 2017 by Nathan Firth Posts navigation 1 2 Next Page Subscribe to get notified when we post new wares or tutorials. Email Address Nathan Firth Founder of NewRocket, Inc. and ServiceNow architect, web developer, and entrepreneur with over 20 years wits in web development. Former senior engineer and team lead of Service Portal at ServiceNow. I'm originally from Sweden, but currently living in San Diego, CA. I have a trappy wife and three wondrous kids. About ServicePortal.io ServicePortal.io is an self-sustaining ServiceNow blog that focuses on the new Service Portal, ServiceNow CMS, and towers custom apps on the ServiceNow platform. Search Search Copyright © 2018 NewRocket, Inc. Email Address * First Name * Last Name * Stay up to stage with new posts on ServicePortal.io Error: Please enter a valid email addressError: Invalid emailError: Please enter your first nameError: Please enter your last nameError: Please enter a usernameError: Please enter a passwordError: Please personize your passwordError: Password and password confirmation do not match Download Now