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 independent department portals with little continuity among them. NewRocket proposed developing one single portal experience to facilitate seamless navigation among the portals while still preserving individual department identities. The new portal unifies the company and allows portal users to accomplish their tasks quickly across multiple departments. NewRocket's skill and depth of knowledge in UI and UX design and their understanding of  ServiceNow helped to make our Intranet and Service Portal design 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 Manager Check out this video created by the Fairfax team: Portal Features The portal features a user centric design model that allows for quick access to ticket and request statuses as well as the ability 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, Business Intelligence) 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;}

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 below the content. This can easily be fixed with a little CSS magic. Service Portal does support fixed 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 always be at the bottom of the page. This is called a "sticky footer".   In between Helsinki and Istanbul some major changes were to made to the outer page structure that broke some earlier 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 amount of flexibility. One added advantage of flexbox is that it also 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 following snippet of CSS into the "CSS variables" textarea, or alternatively you can include it in a CSS Include. [crayon-5a8a4a949d324163808242/] It's been tested on Helsinki, Istanbul, and Jakarta using Chrome, Safari 9+, IE10+. For additional information on flexbox, you can check out the following resources: A quick guide to flexbox by CSS-Tricks - here. Solved by Flexbox, a website dedicated to cool 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 comment section below.

Free Service Portal Theme!

Thank you to everyone that was able to attend our CreatorCon breakout at Knowledge last week. It was great finally meeting so many of you. Due to overwhelming demand, we are releasing the Presentation and Update Set for the theme we built during the breakout. To keep things simple, I’ve rebuilt the Update Set to not modify any of the out-of-box records and instead create new records. Also keep in mind this theme only styles the homepage and does not alter the content or layout. Once installed, you can view the portal by going to: https://instance.service-now.com/k17 Session ID: CCB4221 Presenter(s): Todd Bashor, Nathan Firth Company(s): NewRocket, Inc. Abstract: Wondering how to get your service portal to align with your branding guidelines? Fortunately, with the right approach, you can quickly and consistently achieve the look you want. In this session, you'll learn how to build a custom theme by correctly applying styles at the widget, page, and theme level and taking advantage of out of the box styles and css variables.   Don't forget to rate it on the community

Creating a Custom Theme in Service Portal – CreatorCon Breakout

Wondering how to get your service portal to align with your branding guidelines? With the right approach, you can quickly and consistently customize your portal to match the rest of your branding. In this session, you'll learn how to build a custom theme by correctly applying styles at the widget, page, and theme level and utilize all of the potential of this powerful platform. Register for the CreatorCon Breakout: https://knowledge.servicenowevents.com/connect/sessionDetail.ww?SESSION_ID=4221

Service Portal “Gothenburg” Theme

A quick demo of one of our themes for Service Portal. Features include: Shopping cart Multi-level categories (for both service catalog & knowledge base) Connect chat integration Create incident Contextual search Almost every page and widget has been redesigned to help improve the user experience. Let me know what you guys think.