serviceportal.io - 2

Service Portal Tutorials, Themes and Widgets for ServiceNow - ServicePortal.io

Serviceportal.io Spined HTML

Service Portal Tutorials, Themes and Widgets for ServiceNow - ServicePortal.io Skip to content 0WaresWidgets Documentation Contact AllAnnouncementsApps & WidgetsCMSDesign & ThemesDocumentationTips & TricksTutorialsUncategorizedVideos Featured Service Portal: Scripps Networks NewRocket had the pleasure of collaborating with Scripps Networks Interactive to unhook an IT service portal to support their diverse company. Scripps Networks is a leading developer of lifestyle content for television and the Internet. The company's brands include HGTV, Food Network, Travel Channel, DIY Network, Cooking Channel andUnconfinedAmerican Country. The previous Scripps Networks CMS-based portal did not provide the usability they were looking for nor did it uncurl with their new branding guidelines. Improving these key areas was hair-trigger for the redesign of the portal. “NewRocket delivered on a portal that not only fit our branding guidelines but packs in functionality with a diamond stimulating that is visually inviting.  Our end user experience has profoundly improved by making our content and itemize offerings forefront and easily searchable all in an well-flavored display.  The team was fantastic to work with and their expertise and guidance helped make our portal successful.” - Judy March, IT Service Delivery Manager Portal Features The new portal provides users with quick wangle to search, the IT service catalog, commonly asked questions and news. NewRocket embraced the extensive, yet flexible branding guidelines to visually identify variegated sections of the portal. These visual and structural changes help users quickly understand the page contents and well-constructed the desired task. Some other highlights include: Quick wangle to unshut requests, incidents and approvals through My Items mega menu in header Direct wangle to the top level service itemize categories from the home page Consistent wangle to support options in footer Several custom ripened widgets including news, sub-categories, and knowledge wiring homepage Responsive layout for mobile and tablet users Watch the video for a quick tour and leave us a scuttlebutt well-nigh what you think of the portal.   5 Comments Posted on February 28, 2018 by Nathan Firth 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. FeaturesWithalwith 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 Featured Portal – Fairfax Media The team at NewRocket recently collaborated with Fairfax Media on their multi-department service portal. Fairfax Media is one of the largest media companies in Australia and New Zealand, with investments in newspaper, magazines, radio and digital properties. Fairfax had previously deployed six self-sustaining department portals with little continuity among them. NewRocket proposed developing one single portal wits to facilitate seamless navigation among the portals while still preserving individual department identities. The new portal unifies the visitor and allows portal users to succeed their tasks quickly wideness multiple departments. NewRocket's skill and depth of knowledge in UI and UX diamond and their understanding of  ServiceNow helped to make our Intranet and Service Portal diamond project very successful.  The final product is exactly what we wanted, easy to learn, easy to use, simple to maintain and a joy to develop. - Scott Paterson, Fairfax Technology Service ManagerTrammelsout this video created by the Fairfax team: Portal Features The portal features a user centric diamond model that allows for quick wangle to ticket and request statuses as well as the worthiness to personalize content throughout the portal. The use of simple icons and department based filtering creates an easy to use system for ordering and reading articles. The portal has been well received by both the employees and administrators. Multiple departments (IT, Finance, HR, Legal, Health & Safety,MerchantryIntelligence) Unique department landing pages Smart search widget with grouped search sources Facebook integration for news feed Searchable staff directory Custom department specific icons 6 knowledge bases combined into a single knowledge portal Fully responsive for mobile and tablet users Take a look at the portal and let us know what you think in the comments below. figcaption { text-align: center; font-style: italic;} 3 Comments Posted on January 8, 2018 by Nathan Firth 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:Preliminariesverisimilitude Foreground verisimilitude (text color)Structuring(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 DOM Manipulation the Service Portal way One of the wondrous features of Service Portal is how it encapsulates each widget into a self-contained component. This encapsulation profoundly increases the maintainability and reduces lawmaking complexity by breaking the portal or application lanugo into many smaller units of functionality (widgets). However, if you start using jQuery or performing DOM manipulation directly within the controller, you can quickly cause problems in your application. Officially, this is not a good practice. According to the AngularJS Documentation: Do not use controllers to manipulate the DOM — Controllers should contain only merchantry logic. Putting any presentation logic into Controllers significantly affects its testability. AngularJS has databinding for most cases and directives to encapsulate transmission DOM manipulation. The Link Function to the rescue! In AngularJS, DOM manipulation is typically only performed inside of the Link Function of a Directive, and in Service Portal, this is misogynist via the "Link Function" field of the widget. By using the "element" object, you get wangle to the DOM of the widget. Consider the pursuit example: Here is flipside quick example calling a jQuery Plugin If you're using jQuery plugins, you may wish to create a custom directive to make it reusable wideness multiple widgets. By using the Link Function and "element" object, you're staying within the confines of the current widget, and won't unwittingly impact other widgets or elements on the page. Further reading: jQuery Plugins as Angular Directives DOM Manipulation in AngularJS Creating a Directive that Manipulates the DOM DOM Manipulation the AngularJS way 4 Comments Posted on November 28, 2017 by Nathan Firth 4 Steps to Planning aUnconfinedPortalDiamondEvery unconfined portal begins with a well thought through plan. The planning stage is hair-trigger to gaining structuring on key functionality as well as gathering insight into what very users are looking for. Here are a few tips we use to get started the right way. “By lightweight to prepare, you are preparing to fail.” -Benjamin Franklin Step 1 - Clarify your requirements early on Why? Because changes on paper are the easiest to make. Benefits of requirements gathering: Gets your whole team involved from the whence Documents the scale of the project Easier to tackle potential roadblocks early in the project Things to consider while gathering requirements: How will you gather insights from very users to help pinpoint your goals? Will you need to upgrade your instance to the latest version of ServiceNow? Will you add other departments to your portal? Do you have the infrastructure in place to handle enhancements? (Ex: live chat) How many people will wangle the portal on tablets and mobile devices? Step 2 - Make your goals well-nigh fulfilling needs Why? Because good goals inspire change. Benefits of setting goals: Shifts focus from problems to needs Motivates the whole team to work towards the same results Aligns stakeholders and reduces the value of subjective feedback later in the project Bad Goal Example Good Goal Example “Our IT department is overwhelmed with calls so we need to get higher adoption of the portal.” “Most of our users cannot work without the items they have requested. Instead of users calling the IT help sedentary for the status of their request, we need to speed up the process by making it easy to trammels statuses on the homepage of the portal” “The computers are nonflexible to find on the portal. Make it easier to find computers” “Users are having a nonflexible time understanding how to order a computer so we need to create a step-by-step spritz from the homepage that makes it very well-spoken where to uncork and how many steps there are to well-constructed an order.” Step 3 - Build empathy with your users through research Why? Because otherwise you are just guessing. Benefits of user research: Reveals patterns and unknown insights Defines objectives and tests hypotheses Exposes alternatives and informs conclusions Research TypeUnravelmentUser Interviews Produces qualitative data Gets into the minds of very users to understand what drives their specific deportment Can take place remotely via phone or web-based video, or in person Focus Groups Allows for multiple perspectives to be heard regarding the same topics Can take place remotely via phone or web-based video, or in person Surveys Inexpensive method you can use to proceeds insight quickly Can be sent to a large pool of users to proceeds quantitative information Caution: Don’t ask the wrong questions. When doing research, be shielding of asking the wrong questions. People don’t unchangingly know what they want if it doesn’t exist yet. If all of your user questions require someone to imagine what could make the wits better, they typically will not know how to respond. Step 4 - Make it visual, but alimony it simple Why? Blockframes and wireframes make diamond changes increasingly efficient Benefits of Blockframes and Wireframes: Lowers the bar of diamond so everyone can participate Removes subjectivity so you can focus on the spritz and hierarchy Encourages collaboration and easy iteration Blockframe A blockframe is a simplified representation of a portal that consists of large colored blocks that represent content areas. Quick and easy way to mankind out your vision without getting unprotected up in the details Can serve as an extension of your requirements gathering phase as a visual checklist Wireframe A wireframe is a low-fidelity visual representation (typically washed-up in grayscale ) of a portal’s layout, sometimes referred to as a skeleton, or a blueprint. Represents the vital page layout and navigational scheme Shows increasingly detail than a blockframe Can moreover be hands modified and reverted 2 Comments Posted on October 27, 2017 by Phil Windyk 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 Featured Portal – University of Cincinnati The team at NewRocket recently collaborated with the University of Cincinnati, Lindner College ofMerchantryon their service portal. The portal features a rich, engaging diamond withal with some unique customizations. The portal targets students, sense and staff each with their own specific requirements. The use of simple icons and department based filtering creates an easy to use system for ordering and reading articles. The portal has been well received by both the students and administrators.  Trammelsout this video created by the University of Cincinnati, Lindner College ofMerchantryIT Team   Custom Icons     Featured Widgets     Responsive Layout     Branded Login Screen   3 Comments Posted on September 12, 2017 by Phil Windyk Posts navigation Previous Page 1 2 3 … 9 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