Service Portal - Tabbed List Widget ( Hi Portal - My Issues ) (Up to 5 tabs supported)

[Gurpreet07]

It's been asked multiple times and there is not an easy way to implement a tabbed list. We can find out smiler widget in HI Portal under My Issues link. If you are still looking for the solution then you are at right place.

Steps to be followed

1. create a new page

2. add the widget(List Tabbed) to the page using page designer (attached XML)

3. configure instance options for the widget

Options

1. Tab Links:

Tab 1 Link, Tab 2 Link, Tab 3 Link, Tab 4 Link, Tab 5 Link

Each of the tab links defines from where/how the data to be picked in respective tabs.

Mandatory parameters to be passed for each of tab links

I. table: Name of the table from which data to be picked.

II. title: Label to display on tab

Optional Parameters:

III. Instance options supported by OOB list page (Widget: Data Table from URL Definition) could be passed as parameters to each of the Tab Links.

Supported parameters:       o, d, view, p, filter, enable_filter, show_new, show_keywords, show_breadcrumbs

IV. page (ticket/ sc_request/ form): Records from the tab will open in mentioned page.

2. Link to this page:

if parameter page not passed in the link tab then the records will open in this page. if its blank too then links will open in 'form' page.'

Configuration for Incidents, Requests, Knowledge

Tab 1 Link:

?table=incident&title=Incidents&page=ticket&view=sp&filter=caller_id=javascript:gs.getUserID()^active=true&enable_filter=true&show_new=true&show_keywords=true&show_breadcrumbs=true&o=number&d=desc&p=1

Tab 2 Link:

?table=sc_request&title=Requests&page=sc_request&filter=requested_for=javascript:gs.getUserID()^active=true&show_keywords=true

Tab 3 Link:    

?table=kb_knowledge&title=Articles&page=kb_article&filter=workflow_state=published^active=true&show_keywords=true

How it looks like

Edit [20/09/2018]

Known Issues:

1. Using same table in more than one tabs then filter is working in one tab and not working second tab

tabbedList.xml.zip

[madanm7786]

Hi Gurpreet,

I was looking for this solution. But Search feature inside the tabbed list is showing only in Incident tab but not in other tab. Please help me.

[madanm7786]

I got the solution.

Thanks for this widget.

[Shane J]

What did you do to fix it?

[reddy8055]

Hi Gurpreet,

I added approver tab but its not working.

Link I am using:  ?table= sysapproval_approver&title=My Approvers&filter=approver=javascript:gs.getUserID()^active=true&show_keywords=true

[jasonu]

It could be the space between 'My' and 'Approvers' in the title parameter.  Instead of the space, try using a '%20'.  

?table= sysapproval_approver&title=My%20Approvers&filter=approver=javascript:gs.getUserID()^active=true&show_keywords=true

[reddy8055]

How can I include delegates in approvers tab?

[Ant2]

@Gurpreet 

I'm having a complete mental block.  I know I went somewhere to change what columns display for what type of ticket.  I have 5 tabs - requests, incidents, changes, problems and enhancement.  But for the life of me I don't know where it was!

I don't use view= 

Here is an example

Tab 1 Link:

?table=change_request&title=All Future Changes&filter=active=true^production_system=true^start_date>=javascript:gs.beginningOfToday()^ORDERBYstart_date

Any help would be greatly appreciated. 

[Gurpreet07]

Hi Ant,

Open change list on platform side and switch views. Whichever view you think has appropriate fields, copy the name of that view and add to the option

?table=change_request&title=All Future Changes&filter=active=true^production_system=true^start_date>=javascript:gs.beginningOfToday()^ORDERBYstart_date&view=viewName

[Jerry21]

Hi Gurpreet, 

Does it works on Paris and Quebec Version?

I tried to Import on my instance but it doesn't work.

[Punahele Tanne1]

It works in Paris.  We began using this Widget in Madrid and have had no issues need to evaluate any of the code monthly or between major releases.