Creating ServiceNow Cards

[rightpalava]

I'm a fan of making visually pleasing, useful applications and elements within ServiceNow.   For a bit of a project, I've created what I'm calling 'Cards' for ServiceNow and in this example have produced a visual, interactive and fast (i.e. instant) Address Book that renders data from the sys_user table in 'Card' form, which are searchable as you type - a la Google and move around in a fluid motion.

When clicked, the full 'Card' is returned in a Modal window displaying further information.   Like searching, this is all instant, with zero delay and no page loads.   It's all on the fly.

Have a look at the short youtube clip to see it in action and you can read more about it on my blog post here: Address Book "Cards" for ServiceNow - rightpalava - along with the code and steps to create it.

It makes use of Bootstrap, Isotope and some custom UI Macros as well as a UI page.  

The same principle can be used for making visual service catalogues and well, any other data too.   I'm working on a application that will allow ServiceNow admins to build these 'Card' pages through selecting options such as tables and fields to display.   Once this app is done and tested, I'll post it on the ServiceNow Share site.

For now though, I'd be interested to know what YOU think of it as an idea and how it can be developed - like this post if you like the 'Cards' and leave some comments below.

Here's the video...

[rightpalava]

Wow that sounds great. Glad my idea has been fine tuned! well done!

[Oliver D_sereck]

Thanks Adam

Are you using this in some kind of productive environment? If so, with how many Users? I am still pondering how to make this perform for larger instances with maybe 10-20'000 Users. "Infinity Scrolling" is useless as every would use the Search anyway and not scroll down to find someone. I mean, Isotope is great but would it even be used with larger data sets when using angular? I somehow doubt it.

I will update if I find a good way to implement larger amounts of data.

[marcus_redfern]

Hi Oliver   - thanks for putting up the code for this (and Thanks to Adam for the initial post and video)   - I've got it working on my Dev instance and I'm looking at this as a way of displaying Service Catalogue items for users to find what they're looking for.

I'm not sure if or how it is possible to access this through the end user Portal   - is that going to work or do you need to be in the main SN console logged in as an ITIL user?

thanks

Marcus

[Oliver D_sereck]

Hi Marcus,

considering it is a UI Page, this can be shown everywhere. So also in the ESS/CMS, internal view or Service Portal (just via iframe, but this isnt suggested). The UI page always takes the current users rights, so if coded properly, it will be respected

Regards

Oliver