serviceportal.io - Tutorials

Tutorials Archives - ServicePortal.io

Serviceportal.io Spined HTML

Tutorials 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-5bb4751e44f8a442713358/] 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-5bb4751e45d09448105900/] 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 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 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 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-5bb4751e467d4559403709/] 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 Opening Headers in the Widget Editor on Helsinki A defect in some patches of the Helsinki Service Portal prevents header or footer widgets from opening in the widget editor. This video tutorial will walk you through how to fix this. 1ScuttlebuttPosted on June 28, 2017 by Nathan Firth Communicating between theVendeeScript and the Server Script of a widget We've had a lot of questions well-nigh how the vendee side and server side of a widget can communicate, so this week I thought it would be a good idea to offer a quick demonstration. In this tutorial we will create a widget that allows the user to add or remove items from a list. In this specimen it's just a simple Array, but it could just as hands be using GlideRecord versus a table. Here is the sample lawmaking used in the video: HTML: [crayon-5bb4751e47a96886484230/] Server Script: [crayon-5bb4751e47aa0170181546/] Client Script: [crayon-5bb4751e47aa5828909460/] 7 Comments Posted on February 3, 2017 by Nathan Firth 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.Well-nighServicePortal.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