serviceportal.io - Tips & Tricks

Tips & Tricks Archives - ServicePortal.io

Serviceportal.io Spined HTML

Tips & Tricks Archives - ServicePortal.io Skip to content 0WaresWidgets Documentation Contact AllAnnouncementsApps & WidgetsCMSDesign & ThemesDocumentationTips & TricksTutorialsUncategorizedVideos Images and Update Sets – How to Sync Attachments on Widget Instances INTRODUCTION It’s a pretty worldwide requirement to include images in your widgets, for example replacing the icons with images in the “Icon Link” widget (available here). However, if you have overly widow an image field to one of the instance tables, you may have noticed that the images were not included in the update set. This obviously makes it difficult to migrate the portal between instances. The good news is there is a simple solution. SYNCING ATTACHMENTS First, go to a record within the table where you would like to sync attachments (e.g. sp_instance_link) Right click the heading > Configure > Dictionary Select the record where “Type” is “Collection” Click the “Advanced View” related link Paste the pursuit into the Attributes field: [crayon-5bb4751801a12741327039/] When completed, it should squint like this: Now, the next time you save or update the instance record, the image data will moreover get included in the update set. NOTE: If you wish to use the image field on all instance tables, you can create the field on the wiring “sp_instance” table. However, you will still need to follow the steps whilom for each one of the extension tables where the image field is used. Leave a scuttlebutt Posted on October 1, 2018 by Mat Adams 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. Adding custom 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-5bb47518032c0847912516/] 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 FirthTowersa Better Service Portal: Lessons from the Field Service Portal provides an incredible new opportunity to modernize service wits in your organization. It offers a fresh and modern tideway to development. But with anything new, there is unchangingly a learning lines and some growing pains. Fortunately, with the right knowledge, delivering a new service portal wits to your organization can be a smooth and rewarding journey. After helping dozens of organizations unhook Service Portals, we want to share what works and what doesn't. If you are starting your service portal journey, this session will help you take the right path. 7 Comments Posted on July 9, 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 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"Sparedocumentation 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: 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 KnowledgeWiringcategory 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:Preliminariescolor 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 Creating a sticky footer in your Service Portal While developing web layouts, at some point you've probably run into the issue with the footer floating in the middle of the page just unelevated the content. This can hands be stock-still with a little CSS magic. Service Portal does support stock-still headers and footers, but this causes the footer to stick to the browser window and overlap the content, which is not what we want. We want the footer to unchangingly be at the marrow of the page. This is tabbed a "sticky footer".   In between Helsinki and Istanbul some major changes were to made to the outer page structure that tapped some older solutions posted on the community. My goal is to provide a solution that would work with all versions of Service Portal and it's various supported browsers. The Solution: I've chosen to implement the sticky footer using Flexbox as this provides the most value of flexibility. One widow wholesomeness of flexbox is that it moreover supports variable height footers, which many other solutions do not. Installation: Go to your portals theme record. Select a footer widget, you can use the out-of-box "Sample Footer" as a test. Make sure the "Fixed footer" checkbox is unchecked. Paste the pursuit snippet of CSS into the "CSS variables" textarea, or alternatively you can include it in a CSS Include. [crayon-5bb475180442a725872294/] It's been tested on Helsinki, Istanbul, and Jakarta using Chrome, Safari 9+, IE10+. For spare information on flexbox, you can trammels out the pursuit resources: A quick guide to flexbox by CSS-Tricks - here. Solved by Flexbox, a website defended to tomfool flexbox techniques - here. I hope you've picked up something new and useful from this article. Would love to hear your comments and questions in the scuttlebutt section below. 16 Comments Posted on July 12, 2017 by Nathan Firth Full Text Searches in Service Portal In the stock Service Portal it asks the user "How can we help" and then provides the user with a big search input. This implies that the user could enter a sentence or phrase such as "reset my password" to wordplay the question, however this will rarely unhook the correct results. ServiceNow provides several search operators for performing full text searches with GlideRecord using ServiceNow's Zing search engine. However the stock widgets in Service Portal are hardcoded to use “123TEXTQUERY321” which works unconfined for single word searches but not so much for searches containing multiple words or phrases. In this example, the simple wing of the word "my" prevented the user from finding the "Reset Password" item. To modernize the search results, let’s take a quick squint at some of the other options available. Search Operator Description IR_AND_QUERYExhibitresults with word-for-word matches of all terms only (Same as 123TEXTQUERY321) IR_OR_QUERYExhibitresults with any matches of any terms. IR_AND_OR_QUERY First exhibit results with word-for-word matches of all terms, then exhibit results with any matches of any terms Of the above, I recommend using IR_AND_OR_QUERY as this will return the weightier results wideness all combinations of searches. When performing a full text search, ServiceNow moreover adds an spare property to the GlideRecord tabbed "ir_query_score" which contains the relevance score calculated by the system. Administrators can control the scoring for each field in a table with the ts_weight attribute. Here is a quick example of how to search the Service Catalog and return results ordered by relevancy: [crayon-5bb47518064b2941540180/] For remoter reading, trammels out: https://codecreative.io/servicenow/gliderecord-full-text-search-explained https://codecreative.io/servicenow/how-to-do-full-text-search-with-gliderecord http://wiki.servicenow.com/index.php?title=Administering_Zing_Text_Search   14 Comments Posted on June 28, 2017 by Phil Windyk Posts navigation 1 2 3 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