{"id":6584,"date":"2025-02-07T20:28:41","date_gmt":"2025-02-08T01:28:41","guid":{"rendered":"https:\/\/blogs.mathworks.com\/videos\/?p=6584"},"modified":"2025-02-07T20:28:41","modified_gmt":"2025-02-08T01:28:41","slug":"adding-a-settings-feature-to-my-web-app-part-1","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/videos\/2025\/02\/07\/adding-a-settings-feature-to-my-web-app-part-1\/","title":{"rendered":"Adding a Settings Feature to My Web App: Part 1"},"content":{"rendered":"<p>I maintain some MATLAB web apps that are used internally by other MathWorkers. For one of the apps, I want to allow users to save default settings for the app&#8217;s behavior.<\/p>\n<p>I think I will provide this via a Settings tab that appears on request. In this first video, I will start by adding the uicontrols and the callbacks to save the setting values to a file.<\/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><tt>uitabgroup<\/tt><\/li>\n<li><tt>save<\/tt>, <tt>load<\/tt><\/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=\"6368456420112\" 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\/2025\/02\/07\/adding-a-settings-feature-to-my-web-app-part-1\/?dir=autoplay\"><img decoding=\"async\" src=\"https:\/\/cf-images.us-east-1.prod.boltdns.net\/v1\/static\/62009828001\/a79ebc6e-a7f6-47a4-af00-7856bd2c14ff\/a39a1d7f-000b-4a74-afc4-dbe594983574\/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\">34:56<\/time><\/span>\n      <\/div>\n<p>      <\/a><\/div>\n<p>I maintain some MATLAB web apps that are used internally by other MathWorkers. For one of the apps, I want to allow users to save default settings for the app&#8217;s behavior.<br \/>\nI think I will provide&#8230; <a class=\"read-more\" href=\"https:\/\/blogs.mathworks.com\/videos\/2025\/02\/07\/adding-a-settings-feature-to-my-web-app-part-1\/\">read more >><\/a><\/p>\n","protected":false},"author":133,"featured_media":6593,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[33,27,4,36],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/6584"}],"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=6584"}],"version-history":[{"count":6,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/6584\/revisions"}],"predecessor-version":[{"id":6605,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/6584\/revisions\/6605"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/media\/6593"}],"wp:attachment":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/media?parent=6584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/categories?post=6584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/tags?post=6584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}