{"id":4703,"date":"2020-09-17T13:53:17","date_gmt":"2020-09-17T17:53:17","guid":{"rendered":"https:\/\/blogs.mathworks.com\/videos\/?p=4703"},"modified":"2020-09-17T13:53:17","modified_gmt":"2020-09-17T17:53:17","slug":"hiding-tabs-in-my-matlab-web-app","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/videos\/2020\/09\/17\/hiding-tabs-in-my-matlab-web-app\/","title":{"rendered":"Hiding Tabs in My MATLAB Web App"},"content":{"rendered":"<p>I&#8217;ve added a few tabs to my web app recently to provide some new functionality. However they are not needed for every user and they make the interface more busy. So I think I will try and hide the tabs by default and add a button to enable them on request. I&#8217;ll then need to run some tests, and redeploy.<\/p>\n<p>Features covered in this <a href=\"https:\/\/blogs.mathworks.com\/videos\/2015\/10\/29\/matlab-code-along-videos\/\">code-along<\/a> style video include:<\/p>\n<ul>\n<li><a title=\"https:\/\/www.mathworks.com\/help\/matlab\/ref\/matlab.ui.container.tabgroupappd-properties.html (link no longer works)\">Tab groups<\/a><\/li>\n<li><a href=\"https:\/\/www.mathworks.com\/help\/webappserver\/index.html\">MATLAB Web App Server<\/a><\/li>\n<li><a href=\"https:\/\/www.mathworks.com\/help\/matlab\/app-testing-framework.html\">MATLAB App Testing Framework<\/a><\/li>\n<\/ul>\n<p><div class=\"row\"><div class=\"col-xs-12 containing-block\"><div class=\"bc-outer-container add_margin_20\"><videoplayer><div class=\"video-js-container\"><video data-video-id=\"6191840087001\" data-video-category=\"blog\" data-autostart=\"false\" data-account=\"62009828001\" data-omniture-account=\"mathwgbl\" data-player=\"rJ9XCz2Sx\" data-embed=\"default\" id=\"mathworks-brightcove-player\" class=\"video-js\" controls><\/video><script src=\"\/\/players.brightcove.net\/62009828001\/rJ9XCz2Sx_default\/index.min.js\"><\/script><script>if (typeof(playerLoaded) === 'undefined') {var playerLoaded = false;}(function isVideojsDefined() {if (typeof(videojs) !== 'undefined') {videojs(\"mathworks-brightcove-player\").on('loadedmetadata', function() {playerLoaded = true;});} else {setTimeout(isVideojsDefined, 10);}})();<\/script><\/div><\/videoplayer><\/div><\/div><\/div><\/p>\n<p>Play the video in full screen mode for a better viewing experience.\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"thumbnail thumbnail_asset asset_overlay video\"><a href=\"https:\/\/blogs.mathworks.com\/videos\/2020\/09\/17\/hiding-tabs-in-my-matlab-web-app\/?dir=autoplay\"><img decoding=\"async\" src=\"https:\/\/cf-images.us-east-1.prod.boltdns.net\/v1\/static\/62009828001\/6dcc92fc-8b73-4de6-b420-bbc1cc15c6e6\/398ef14e-623d-49a2-b5b8-638461b227d7\/1280x720\/match\/image.jpg\" onError=\"this.style.display ='none';\"\/><\/p>\n<div class=\"overlay_container\">\n      <span class=\"icon-video icon_color_null\"><time class=\"video_length\">35:05<\/time><\/span>\n      <\/div>\n<p>      <\/a><\/div>\n<p>I&#8217;ve added a few tabs to my web app recently to provide some new functionality. However they are not needed for every user and they make the interface more busy. So I think I will try and hide&#8230; <a class=\"read-more\" href=\"https:\/\/blogs.mathworks.com\/videos\/2020\/09\/17\/hiding-tabs-in-my-matlab-web-app\/\">read more >><\/a><\/p>\n","protected":false},"author":133,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[33,4,36],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/4703"}],"collection":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/users\/133"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/comments?post=4703"}],"version-history":[{"count":4,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/4703\/revisions"}],"predecessor-version":[{"id":4715,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/4703\/revisions\/4715"}],"wp:attachment":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/media?parent=4703"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/categories?post=4703"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/tags?post=4703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}