Dynamic Tab

Maniraj Chandrasekar

June 15, 2016 at 7:24 am #2155

I’ve come up with design where I had the maximum number of tabs (3) and then the user selects how many tabs to “open”. I was thinking along the lines where we can show/hide tabs. I was hoping there will be two approaches:

• use the visibility setting on the coach view added into the tab – this seems not to be working. Visibility rules (CV -> visibility -> Source – Rule -> Add Rule for variable -> etc…). Same control works fine outside tab, but inside tab is always visible.
• the second approach I was hoping Spark would support was to have a JS function where tabs can be hidden/shown. Unfortunately such function is not available.

I was hoping one of these would work because it has better UI than the dynamic tab solution I’m trying to set up in parallel.

Please advise if any of these two can work, or need to go with the dynamic tab solution – which basically represents buttons in a horizontal section and alot of JS to control their behavior.

Elliot

June 15, 2016 at 9:48 am #2157

Hey Maniraj,

Unfortunately, setting the visibility of tab sections to “None” does not cause the tab to be hidden. There also currently isn’t a configuration option to choose which tabs are shown/not-shown. Thank you for discovering this, and we will work on fixing the bug and adding the configuration option.

-Elliot P.

Maniraj Chandrasekar

June 15, 2016 at 8:56 pm #2181

Thanks Elliot for the update. Do we have any workaround for the same? It would be really help for us to resolve the issue till get the fix. Thanks in advance!!

Maniraj Chandrasekar

June 20, 2016 at 6:36 am #2202

Do we have any update for the above issue?

Brian French

June 20, 2016 at 8:20 am #2203

Hello,

The issue has been reported as a bug and will be put into our backlog. There is no scheduled release date for this issue currently. Subscribing customers who report issues receive priority over issues reported from Community users. We will update this thread when we have a scheduled release date.

Thanks

Maniraj Chandrasekar

January 2, 2017 at 3:18 am #3414

Dear Team,

Do we have any update on this issue? it would be really great, if we get any temporary solution for this.

SPARK Support

January 3, 2017 at 3:44 pm #3424

Hi Maniraj,

The visibility of the Tabs on a Tab control is based on the controls contained within each tab.  The Development Team has determined this to be working as designed.

However, you can accomplish what you are looking to do by using a Stack control with a Horizontal Layout containing a series of buttons that control the Stack to be displayed.  In this case, each individual Button can be set to no visibility and collapsed:

 

setVisible(visible, collapse)

BPMExt-Core/com/salientprocess/bpm/views/bpmext.js, line 1868

Show/hide this view/control

Name	Type	Description
visible	boolean	Visibility flag (true to show view, false to hide)
collapse	boolean	Set to true to collapse the control space when visible is set to false.

 

Regards,

Stephen P.

Maniraj Chandrasekar

January 4, 2017 at 11:48 pm #3434

As per the first point, I have placed the text control in one of the tab and set the visibility as “None”. The control has hidden but the tab is still visible with name.

second point, if we use stack control with series of button, we need more customization required in the UI level to make it like tab control. Again, its time consuming task.

Please find the attachment for reference

SPARK Support

January 5, 2017 at 8:44 am #3445

Hi Maniraj,

Yes, I see the Tab section button is still visible.

The Tab control does not provide the option to hide the tabs.  This is working as it was designed.

Regards,

Stephen P.

Harish Kumar Ramkumar

November 14, 2017 at 12:01 pm #4799

Hey Stephen – is there a way now to hide the tabs completely or we could only hide the controls inside the tab ?

SPARK Support

November 14, 2017 at 12:55 pm #4800

Hi Harish,

The Tab control does not have the ability to hide the tabs at this time.  The best choice for this scenario would be to use a Stack control with a series of Button controls to activate each pane.  Each individual Button could then be set to visible or hidden.

Regards,

Stephen P.

Rafael Gutierrez

February 1, 2018 at 2:16 pm #4959

Hi,

I found a workaround to hide a tab in Tab Section, however the tab is visible again when the browser screen has resize. Just place this code in the OnLoad and OnTabChanged event in the Tab Section Events.

var hiddenTab = true;
me.context.element.querySelectorAll(“li[role=’tab’]”)[0].style.display = hiddenTab ? “none” : “block”;

Where [0] is the tab index to hide.

SPARK Support

February 2, 2018 at 8:53 am #4961

Hi Rafeal,

A Request For Enhancement to allow Tabs to be hidden has been submitted to IBM.  This feature may be included in a future BPM UI release.

However, I will note that while this approach is unsupported, you could use:

me.context.element.querySelectorAll(“li[role=’tab’]”)[0].classList.add(“hidden”);

This would cause the button to stay hidden even on screen resize.  Keep in mind that hiding the button does not hide the tab, and the tab with index 0 would still be initially displayed.

Regards,

Stephen P.

Rafael Gutierrez

February 5, 2018 at 6:10 am #4968

Hi Stephen,

Thanks, your solution worked for me.

Omar Kaboudan

October 9, 2018 at 4:15 am #5300

Hi Stephen,

What is the status of this request?

 

Vinay Naidu

February 11, 2021 at 9:29 am #5849

Hi,
Any update on this request?

Spark One

February 11, 2021 at 9:37 am #5850

Hello,

As of 2017, IBM is the owner of the SPARK UI toolkit, which is now IBM BPM UI. While we continued to provide support for a period of time after IBM’s purchase of the toolkit, we no longer do as of 2019. Please direct any inquiries to IBM regarding the toolkit’s functionality and latest updates.

If you need more in-depth support, we do offer expert paid professional services from the people who originally created SPARK UI. If you feel you need this level of support, please contact [email protected].

Thanks!