Create a tabbed variables on the Native or ITIL view

Mainkanta
Tera Contributor

Hello Everyone,

Good day.

 

I have a requirement to create a tabbed forms on the catalog item and for that i have already created the new widget for that and that is working as expected on the service portal.

After submitting the request, on the RITM form and Task form level those tabs are not visible. For that i have created the new macro for that and added the below html snippet:

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<div>
<button ng-click="setTabIndex('1',$event)" class="btn btn-primary" data-tab-index="1">tab1</button>
<button ng-click="setTabIndex('2', $event)" class="btn btn-default" data-tab-index="2">tab2</button>
  <button ng-click="setTabIndex('3', $event)" class="btn btn-default" data-tab-index="3">tab3</button>
</div>
</j:jelly>
 
Now the tabs are showing on the RITM and task forms but the tab switching functionality was not working and one more thing that i have observed is, when i click on the any tab it was redirecting to the new ritm form or new task form.
i didn't identified this behavior on the native view of the catalog item. Could you please provide your thought on this.
 
Thanks in Advance,
Manikanta


1 REPLY 1

Abbas_5
Tera Sage
Tera Sage

Hello @Mainkanta,

Please refer to the below link:
https://www.servicenow.com/community/developer-articles/how-to-create-a-tabbed-catalog-item-in-servi...

 

Mark my correct and helpful, if it is helpful and please hit the thumbs-up button to mark it as the correct solution.
Thanks & Regards,
Abbas Shaik