Our pure JavaScript Scheduler component


Post by SIM-LTD »

Hi,

We would like to hide a tab not the content of the tab.

Indeed, we know how to dynamically hide element in an editEvent Panel
 {
 type : 'tabpanel',
 ref    : 'myEventEditTabs',
 items: [
  {   
   title : 'General',
   dataset : {eventType: 'Meeting'},  // Why this makes the content (items) hidden not the tab
   items    : [
   ............
  ]
 }
We wonder how to simply hide the tab entirely and not only its content?
Last edited by SIM-LTD on Mon Jun 24, 2019 5:41 pm, edited 1 time in total.

Post by saki »

Which example do you refer to?

I would like to run some code so that I can see what is happening and how to turn off the complete tab. For that I need a bit more context, ideally an example you used or a complete editor configuration I can add to an example and run.

Thus, post please the information that allows me to run it.

Scheduler or Gantt?

Post by SIM-LTD »

Hi There

Pretty much simple to make it and reproduce it (Look at the screenshot)

Just go to your online demo (https://www.bryntum.com/examples/gantt/taskeditor/)
Then, open up the code editor and add this code for the Tab you need to hide :
hidden : true,
Then you'll notice 2 things (and one Bugg)

1 - The content of the tab is hidden not the Tab Itself

2 - Moreover, when you click to other Tab and come back the TAB, which is supposed to be hidden, then you have the content of the next tab which is displayed :lol: (BUG)

Thus our question was quite simple, how to hide the TAB itself in order not to have that BUG (point 2 above)
Attachments
Capture d’écran 2019-06-24 à 17.29.10.png
Capture d’écran 2019-06-24 à 17.29.10.png (188.82 KiB) Viewed 1167 times

Post by saki »

Yes, you've hit the bug, thank you very much for reporting. You can follow it here: https://app.assembla.com/spaces/bryntum/tickets/8779-cannot-hide-tab-of-tabpanel/details

Post Reply