Basically you are trying to hide something, because its not needed at this moment and you don't want to remodel it at a later moment when it’s needed again. Right?
I would do it as follows;
Creating the snippet
By creating the snippet, you do have a capture the contents of the tab, which you can drag and drop later back into the tab when you need it again. So you modeled content isn't gone,. While you have cleaned up your tabcontainer without dirty css tricks.
Adding the tab back with its original contents;
Adding the snippet back and extracting content
Hello John,
Use like this;
Replace 1 with your tab and page number.
.mx-name-tabContainer1 .mx-tabcontainer-tabs .mx-name-tabPage1 {
display: none;
}
Hello John,
If it is not needed now, you can hide it by using css.
.classname {
display: none;
}
Hope my answer helps
You can either do it through (S)CSS (which would be in your ‘theme/web/main.scss' file or atleast referenced from there),
Or you can construct a non-persistent entity as a helper in which you place the tabcontainer and then use the 'based on expression’ option to hide it.
.......