Posted in: SPARK UI Toolkit Controls
Maniraj ChandrasekarJune 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.ElliotJune 15, 2016 at 9:48 am #2157
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 ChandrasekarJune 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 ChandrasekarJune 20, 2016 at 6:36 am #2202
Do we have any update for the above issue?Brian FrenchJune 20, 2016 at 8:20 am #2203
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.
ThanksManiraj ChandrasekarJanuary 2, 2017 at 3:18 am #3414
Do we have any update on this issue? it would be really great, if we get any temporary solution for this.SPARK SupportJanuary 3, 2017 at 3:44 pm #3424
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)Show/hide this view/control
Name Type Description
boolean Visibility flag (
trueto show view,
boolean Set to
trueto collapse the control space when
visibleis set to
Stephen P.Maniraj ChandrasekarJanuary 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 referenceSPARK SupportJanuary 5, 2017 at 8:44 am #3445
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.
Stephen P.Harish Kumar RamkumarNovember 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 SupportNovember 14, 2017 at 12:55 pm #4800
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.
Stephen P.Rafael GutierrezFebruary 1, 2018 at 2:16 pm #4959
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’]”).style.display = hiddenTab ? “none” : “block”;
Where  is the tab index to hide.SPARK SupportFebruary 2, 2018 at 8:53 am #4961
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:
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.
Stephen P.Rafael GutierrezFebruary 5, 2018 at 6:10 am #4968
Thanks, your solution worked for me.Omar KaboudanOctober 9, 2018 at 4:15 am #5300
What is the status of this request?Vinay NaiduFebruary 11, 2021 at 9:29 am #5849
Any update on this request?Spark OneFebruary 11, 2021 at 9:37 am #5850
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].
You must be logged in to reply to this topic.