Set Tabs focus for responsive tab CV

Question

Hi everyone,

I'm using Ibm BPM 8.5.7 tab CV  (responsive tab CV ) and adding 3 tabs (like tab1 ,tab1,tab3 ) to it.while running CSHS by default first tab is focusing and loading (i.e tab1 is loading) but I want to load and focus 2nd tab (i.e tab2)by default while running CSHS.

Please let me know how to achieve this with responsive tabs.

Thanks in advance.

Answer 1

If you are using the spark toolkit, the binding of the tab control is the index of the tab starting with 0 if you set the binding to the desired value that tab will be selected, also you can change the selected tab by changing the binding value.

Comments

Thanks for response #usabpm,
But we are not using spark UI ,please let me know any idea for 8.5.7 CSHS Responsive tabs.

---

You are in a dicy situation, the responsive tabs is marked as a system toolkit and the helper code has references to the toolkit name and the zip file and .js file name in it so making a copy  and modifying will not be easy, If you have to do it I can give you a starting point you can try the exact change which needs to be made is as follows

find the following section in controls_en.min.js (inside controls.min.zip in script folder)

module.controller("tabs", ["$scope", "$element", "Coach", "$timeout", "coachUtils", function (a, c, d, e, f) {
            angular.extend(a, new d(a, c));
            a.watchOption("tabActiveColor", "primary");
            a.watchOption("tabInactiveColor", "default");
            a.watchOption("showBorder", !1);
            a.watchOption("selectedTabIndex", 0, , function (b) {
                a.setActiveTab(b, !0);
            });

and add the last line above for a selectedTabIndex watch which is currently not there, then add the exact same named config option to the copy tab you have created.

Then change the references to " responsive.coaches" in script coachViewHelper under coachview.helper.min.zip to point to the app which contains the copy of the tab control.

add both the above zip (controls.min.zip) files to the app containing the copy of the tab control, change the references to the controls.min.zip to point to the current application version of the zip file

Do not have sufficient time to give you a working example but I hope the pointers are sufficient

---

by the way the js files are minimized for speed to get  readable and editable format use notepad++ and jstool plugin and do jsformat of the minimized version