{"id":149,"date":"2023-10-10T16:57:27","date_gmt":"2023-10-10T16:57:27","guid":{"rendered":"https:\/\/kb.mobappcreator.com\/?post_type=docs&#038;p=149"},"modified":"2023-10-11T23:56:43","modified_gmt":"2023-10-11T23:56:43","slug":"pro-tip-como-crear-un-sub-menu-para-tu-app-en-mobappcreator","status":"publish","type":"docs","link":"https:\/\/kb.mobappcreator.com\/es\/docs\/pro-tip-como-crear-un-sub-menu-para-tu-app-en-mobappcreator\/","title":{"rendered":"Pro Tip: C\u00f3mo crear un Sub-Men\u00fa para tu app en MobAppCreator"},"content":{"rendered":"<h3 class=\"wp-block-heading\" id=\"submenu-for-your-app\">Creando un Sub-menu para tu app<\/h3>\n\n\n\n<p>Agregar un submen\u00fa proporciona un gran nivel de personalizaci\u00f3n para tu aplicaci\u00f3n. Con el Sub-men\u00fa ampl\u00edas las posibilidades de mostrar las secciones y los contenidos de tu aplicaci\u00f3n.<\/p>\n\n\n\n<p>Paso 1 Agrega el componente de submen\u00fa<\/p>\n\n\n\n<p>Ve al men\u00fa de navegaci\u00f3n de tu aplicaci\u00f3n y haz clic en (+) para agregar una nueva pantalla. Despl\u00e1zate hacia abajo y selecciona el componente Submen\u00fa<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"508\" height=\"484\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-18.49.41.jpg\" alt=\"\" class=\"wp-image-150\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-18.49.41.jpg 508w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-18.49.41-300x286.jpg 300w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-18.49.41-13x12.jpg 13w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/figure>\n\n\n\n<p>Una vez que agregas el componente Submen\u00fa, vuelve a tu navegaci\u00f3n principal y haz clic en el submen\u00fa para personalizarlo. Puedes comenzar agregando un nombre<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-18.52.24-1024x510.jpg\" alt=\"\" class=\"wp-image-151\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-18.52.24-1024x510.jpg 1024w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-18.52.24-300x149.jpg 300w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-18.52.24-768x383.jpg 768w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-18.52.24-18x9.jpg 18w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-18.52.24.jpg 1180w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una vez que agregas el componente Submen\u00fa, vuelve a tu navegaci\u00f3n principal y haz clic en el submen\u00fa para personalizarlo. Puedes comenzar agregando un nombre<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"161\" height=\"400\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Kapture-2020-07-30-at-19.00.20.gif\" alt=\"\" class=\"wp-image-152\"\/><\/figure>\n\n\n\n<p>Ahora selecciona y arrastra cada pantalla o secci\u00f3n de tu aplicaci\u00f3n que deseas ubicar dentro del submen\u00fa<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"974\" height=\"1024\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-19.03.44-974x1024.jpg\" alt=\"\" class=\"wp-image-153\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-19.03.44-974x1024.jpg 974w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-19.03.44-285x300.jpg 285w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-19.03.44-768x808.jpg 768w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-19.03.44-1460x1536.jpg 1460w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-19.03.44-11x12.jpg 11w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-07-30-at-19.03.44.jpg 1544w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/figure>\n\n\n\n<p>Ahora tu aplicaci\u00f3n tiene un submen\u00fa llamado \"Pedir ahora\" y dentro de este submen\u00fa puedes ver cada pantalla como \"Sopas\", \"Sushi\", \"Pasta\" y m\u00e1s.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"580\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/app_example.gif\" alt=\"\" class=\"wp-image-310\"\/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Submenu for your app Adding a submenu provides a great level of customization for your app. It expands the possibilities of showcasing your app sections and contents. Step 1 Add the submenu component Go to your app&#8217;s navigation menu and click on (+) to add a new screen. Scroll down and select the Submenu component [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[9],"doc_tag":[],"class_list":["post-149","docs","type-docs","status-publish","hentry","doc_category-pro-tips"],"_links":{"self":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/comments?post=149"}],"version-history":[{"count":4,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs\/149\/revisions"}],"predecessor-version":[{"id":311,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs\/149\/revisions\/311"}],"wp:attachment":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/media?parent=149"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/doc_category?post=149"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/doc_tag?post=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}