Knowledge Article Design/Layout

[junaid98]

Hello Everyone,

I create technical articles for an IT department. And sometimes I come across a situation where I need to explain the same process for different platforms (Windows, macOS and mobile devices).

Is there a way or piece of code I can use to design a "tab" structure in an article?

So I can list the different processes in each section.
If I use anchors it will just make the article too busy/full

Basically Windows process in the "Windows tab", Mac process in the "macOS tab", etc.

I've started using the collapsible drawer code (that I found in this working group) in a couple different situations.

I'm trying be be concise and not have users search through multiple articles to find the steps for their platform.

Thanks so much in advance

[Dr Atul G- LNG]

Hi @junaid98 

If you want in one article different tabs or you want different tabs on Platforrm. May be share some screenshot to guide you more. 

[jMarshal]

If for the service portal, you could try using a mix of HTML and CSS: How To Create Tabs (w3schools.com)

...but if for Standard/Classic UI or Next Experience UI, I do not think this will work. You may be successful using UI Bulder for Customizable Workspaces, though!

[Dave Littlejohn]

we use collapsible sections with the sections collapsed by default so the user only expands the information they want to see.

[wow-on-now]

Hey @junaid98

Check out  Amaze by Intellective It can definitely help with this. In Amaze, they have tabs, carousels, accordions - you can even embed documents and videos. Here are some thoughts from one of the customers using it. Get a trial from the ServiceNow Store.