Service portal Auto expand Order guide's Include Items on Choose option tab

[kavyashree1]

Hi Team,

We have upgraded to London. As per London version, Service portal Order guide widget collapse/minimizes the Include Items by default on choose option. But we need to make the Include items expand by default.

Is there any possibility of updating service now order guide widget to expand Include Items by default. We have already cloned the OOB widget and trying to update.

[Don Pfister1 · Accepted solution]

I disliked the collapsed items as well.  It took a good chunk of time to figure this out.  My Angular is a bit rusty 🙂

Make a clone of the SC Order Guide widget to work on.  Edit that clone and in the HTML template section, you need to make 2 changes.

Search for " <uib-accordion close-others="true">" and change the value to false.  This will allow more than one accordion item to be open at a time.

In the line directly below that:

<uib-accordion-group class="accordion-header b" template-url="group-template.html" ng-init="initAttachmentCallbacks($index);" ng-repeat="item in includedItems track by item.sys_id | orderBy: 'order'" id="{{::item.sys_id}}" is-open="item.isOpen">

change the last value to true so the whole line reads:

<uib-accordion-group class="accordion-header b" template-url="group-template.html" ng-init="initAttachmentCallbacks($index);" ng-repeat="item in includedItems track by item.sys_id | orderBy: 'order'" id="{{::item.sys_id}}" is-open="true">

Hope this helps

Don

[souravp]

Hey Don,

It really helped. Thanks a ton.

I have another query here. Is there any way to remove 'Summary' tab from an order guide after clicking Next on 'Choose option' tab from Portal?

Please let me know if we can remove the same tab from Portal.

[Jon G1]

Wanted to add a note here: In my case, I have some fields that need to be filled out on the order guide.  When I updated the order guide page as described above, the accordion would be expanded, but the variable fields were missing.  Took me a while to find it, but buried in the server code there at line 115 there is a parameter that says "item.delayView = true;" Set that to false and your fields should appear right away as well.

item.delayView = false;

[Ryan Leach]

Any chance someone could link a post on how to clone and get the clone to replace the original in this scenario?