Disable/enable tabbing

I have a top level panel with several tabs each with more tabs, widgets, and fragments. One widget is a play/stop button. When the play button is pressed, I want the top level container to disallow the user from switching tabs, but still allow them to manipulate everything within the currently selected tab.

I tried setting the interaction property of the top level panel to a variable that get sets to false when the play button is pressed and true when stopped, but that propagates to all the children and locks down the entire gui.

As always, thanks in advance.

In the panel's css, you could add something like

// assuming play button's on value is 1
if  (@{playbutton_id} === 1) return `
:host > inner > .navigation {
  pointer-events: none;
  filter: grayscale(100%);

Did the trick ; ) Thanks!!!!