serviceportal.io - Design & Themes

Design & Themes Archives - ServicePortal.io

Serviceportal.io Spined HTML

Diamond& Themes Archives - ServicePortal.io Skip to content 0WaresWidgets Documentation Contact AllAnnouncementsApps & WidgetsCMSDesign & ThemesDocumentationTips & TricksTutorialsUncategorizedVideos 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 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 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 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, 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;} 3 Comments Posted on January 8, 2018 by Nathan Firth 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-5bb4750da571e916215106/] 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 Free Service Portal Theme! Thank you to everyone that was worldly-wise to shepherd our CreatorCon breakout at Knowledge last week. It was unconfined 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 alimony things simple, I’ve rebuilt the Update Set to not modify any of the out-of-box records and instead create new records.Moreoverkeep in mind this theme only styles the homepage and does not yo-yo 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 uncurl with your branding guidelines? Fortunately, with the right approach, you can quickly and unceasingly unzip the squint 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 wholesomeness of out of the box styles and css variables.   Don't forget to rate it on the polity 6 Comments Posted on May 18, 2017 by Nathan Firth Creating a Custom Theme in Service Portal – CreatorCon Breakout Wondering how to get your service portal to uncurl with your branding guidelines? With the right approach, you can quickly and unceasingly 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 8 Comments Posted on May 1, 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.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