{"id":1978,"date":"2019-06-12T12:25:38","date_gmt":"2019-06-12T19:25:38","guid":{"rendered":"https:\/\/support.gwapps.com\/?post_type=ht_kb&p=1978"},"modified":"2022-10-13T16:02:02","modified_gmt":"2022-10-13T23:02:02","slug":"navigation","status":"publish","type":"ht_kb","link":"https:\/\/support.gwapps.com\/es\/knowledge-base\/navigation\/","title":{"rendered":"Navegaci\u00f3n"},"content":{"rendered":"

As there can be many view and forms within an app, the user will need a way to pick what they would like to see or do, that is the function of Navigation. It displays as a vertical menu of options on the left side of the app. The use can then simply click on the option they need.<\/p>\n\n\n\n\n
Example of Navigation: An Expense Reports App<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

If the user is on a smartphone or simply has the apps displayed in a small browser window, the Navigation will automatically hide itself to leave more room for working with the app. Clicking on the three bar menu icon in the top left corner will display the Navigation.<\/p>\n\n\n\n\n
Example of Navigation on a Small Screen<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Editing Navigation<\/h2>\n

An App Designer can access Navegaci\u00f3n<\/strong>, where they can define what displays in the left side menu, by clicking on the Navigation button from the left side design navigator.<\/p>\n

\"\"<\/p>\n\n\n\n\n
Navigation Editor<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Navigation Editor<\/h2>\n

To create a new item to the navigator, click on the + Add Navigation Item <\/b>button on the action bar at the top of the screen. You will be presented with the Create Form dialog:<\/p>\n\n\n\n\n
New Form Dialog<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n\n\n\n\n\n
Art\u00edculo<\/b><\/td>\nDescripci\u00f3n<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\nA<\/strong><\/span> – Clicking on this button will display the Add Navigation Item dialog shown below, and allow the user to add a new navigation element.<\/td>\n<\/tr>\n
\"\"<\/td>\nB<\/strong><\/span> – Save – Clicking on this will save the current navigation settings. If you leave the navigation without saving your updates, they will be lost.<\/td>\n<\/tr>\n
Section Header<\/td>\nC<\/span><\/strong> – A section header allows you to group related items together. Often this is done to group views and the create new record buttons that are related to the same form. (In the example above, Expense Report is a form in the application.)<\/td>\n<\/tr>\n
Section Expand\/Collapse<\/td>\nD<\/span><\/strong> – The up\/down arrow controls allow you to expand and collapse a section. These only work when using the application and not in design mode.<\/td>\n<\/tr>\n
Form Entry<\/td>\nE<\/span><\/strong> – This kind of entry will create a new record from the named form. (In the example above, it would create a new Expense Report record.)<\/td>\n<\/tr>\n
Default Entry<\/td>\nF<\/span><\/strong> – The default entry is the one that will be selected, and hence displayed, each time any user opens the application. (In the example above, the user would see the Expenses by Employee view in the main area to the right of the navigation each time they open the Expense Reports application.)<\/td>\n<\/tr>\n
View Entry<\/td>\nG<\/span><\/strong> – This kind of entry will open the related view when clicked on. (In the example above, the user would then see the By Department view in the main area to the right of the navigation.)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

New Navigation Item<\/h2>\n

Clicking on the + Add Navigation Item <\/b>button on the action bar at the top of the screen will display the following dialog:<\/p>\n\n\n\n\n
New Navigation Item Dialog<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n\n\n\n\n
Art\u00edculo<\/b><\/td>\nDescripci\u00f3n<\/b><\/td>\n<\/tr>\n
Section Header<\/td>\nAdds a Section Header to allow the navigation to be logically grouped by form type or other category.<\/td>\n<\/tr>\n
External Link<\/td>\nAdds an item that will allow users to click and be redirected to any valid URL, just like any normal web link.<\/td>\n<\/tr>\n
Line Divider<\/td>\nAdds a horizontal ruled line, to visually separate items in the navigator. Use it to help to organize the navigation.<\/td>\n<\/tr>\n
Form<\/td>\nAdds an item that will compose a new record with the selected form.<\/td>\n<\/tr>\n
View<\/td>\nAdds an item that open the selected view.<\/td>\n<\/tr>\n
Page<\/td>\nAdds an item that open the selected page.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Editing Existing Items<\/h2>\n

When you hover your mouse cursor over a Navigator entry, you will see a menu of options at the right side of the Navigator. The options you will see depends on the type of navigator entry and where it is positioned in the Navigator:<\/p>\n\n\n\n\n\n\n\n\n\n\n
Section Header\u00a0<\/b>Options<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n
Other Item Options<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n
Last Item in a Section\u00a0Options<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n
Item Immediately Below a Section Options<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n\n\n\n
Art\u00edculo<\/b><\/td>\nDescripci\u00f3n<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\nShow Details<\/strong>: Clicking on this icon will open the right-side Information panel, where item properties can be view and edited.<\/td>\n<\/tr>\n
\"\"<\/td>\nQuitar<\/strong>: Clicking on this icon will remove the associated navigation item from the navigator. If you remove a form, page or view it will not delete the actual form, page or view, just remove it from the navigation.<\/td>\n<\/tr>\n
\"\"<\/td>\nDefault<\/strong>: Clicking on this icon will select it and make this navigation item the default one that is displayed to users when they first open the app.<\/span><\/td>\n<\/tr>\n
\"\"<\/td>\nRemove Item from Section<\/strong>: Clicking on this icon will move the item out of the section. It will stay immediately below the section, and will now align left, instead of being indented, as it is no longer in the section.<\/td>\n<\/tr>\n
\"\"<\/td>\nMove Item Into Section<\/strong>: Clicking on this icon will move the item into the section. It will stay in the same place vertically, but will be indented to the right (to indicate it is part of the section).<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Pr\u00f3ximos pasos<\/h2>\n\n\n\n\n
Below is the link to the navigation part of the Task Management App tutorial series:<\/td>\n<\/tr>\n
Part 7: Building a Task Management App \u2013 Dashboard, Navigation, and Updating the App<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>","protected":false},"excerpt":{"rendered":"

As there can be many view and forms within an app, the user will need a way to pick what they would like to see or do, that is the function of Navigation. It displays as a vertical menu of options on the left side of the app. The use…<\/p>","protected":false},"author":2,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"content-type":"","footnotes":""},"ht-kb-category":[24],"ht-kb-tag":[],"class_list":["post-1978","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-nav-pages-pdfs"],"yoast_head":"\nNavigation - GW Apps - Support<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/support.gwapps.com\/es\/knowledge-base\/navigation\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Navigation - GW Apps - Support\" \/>\n<meta property=\"og:description\" content=\"As there can be many view and forms within an app, the user will need a way to pick what they would like to see or do, that is the function of Navigation. It displays as a vertical menu of options on the left side of the app. The use...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/support.gwapps.com\/es\/knowledge-base\/navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"GW Apps - Support\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/gwappsinc\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-13T23:02:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/support.gwapps.com\/wp-content\/uploads\/2019\/06\/Navigation-Context.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GWApps_Inc\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/navigation\\\/\",\"url\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/navigation\\\/\",\"name\":\"Navigation - GW Apps - Support\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/navigation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/navigation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/support.gwapps.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/Navigation-Context.png\",\"datePublished\":\"2019-06-12T19:25:38+00:00\",\"dateModified\":\"2022-10-13T23:02:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/navigation\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/navigation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/navigation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/support.gwapps.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/Navigation-Context.png\",\"contentUrl\":\"https:\\\/\\\/support.gwapps.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/Navigation-Context.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/navigation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/support.gwapps.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Navigation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#website\",\"url\":\"https:\\\/\\\/support.gwapps.com\\\/\",\"name\":\"GW Apps - Support\",\"description\":\"Democratizing web app development for businesses\",\"publisher\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/support.gwapps.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#organization\",\"name\":\"GW Apps\",\"url\":\"https:\\\/\\\/support.gwapps.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/support.gwapps.com\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/GWApps_logo_black.png\",\"contentUrl\":\"https:\\\/\\\/support.gwapps.com\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/GWApps_logo_black.png\",\"width\":745,\"height\":357,\"caption\":\"GW Apps\"},\"image\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/gwappsinc\",\"https:\\\/\\\/x.com\\\/GWApps_Inc\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/gwapps\\\/posts\\\/?feedView=all\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCyN1tnP1Owrti0PYxEkQDaQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Navigation - GW Apps - Support","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/support.gwapps.com\/es\/knowledge-base\/navigation\/","og_locale":"es_MX","og_type":"article","og_title":"Navigation - GW Apps - Support","og_description":"As there can be many view and forms within an app, the user will need a way to pick what they would like to see or do, that is the function of Navigation. It displays as a vertical menu of options on the left side of the app. The use...","og_url":"https:\/\/support.gwapps.com\/es\/knowledge-base\/navigation\/","og_site_name":"GW Apps - Support","article_publisher":"https:\/\/www.facebook.com\/gwappsinc","article_modified_time":"2022-10-13T23:02:02+00:00","og_image":[{"url":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2019\/06\/Navigation-Context.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@GWApps_Inc","twitter_misc":{"Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/support.gwapps.com\/knowledge-base\/navigation\/","url":"https:\/\/support.gwapps.com\/knowledge-base\/navigation\/","name":"Navigation - GW Apps - Support","isPartOf":{"@id":"https:\/\/support.gwapps.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/support.gwapps.com\/knowledge-base\/navigation\/#primaryimage"},"image":{"@id":"https:\/\/support.gwapps.com\/knowledge-base\/navigation\/#primaryimage"},"thumbnailUrl":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2019\/06\/Navigation-Context.png","datePublished":"2019-06-12T19:25:38+00:00","dateModified":"2022-10-13T23:02:02+00:00","breadcrumb":{"@id":"https:\/\/support.gwapps.com\/knowledge-base\/navigation\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/support.gwapps.com\/knowledge-base\/navigation\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/support.gwapps.com\/knowledge-base\/navigation\/#primaryimage","url":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2019\/06\/Navigation-Context.png","contentUrl":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2019\/06\/Navigation-Context.png"},{"@type":"BreadcrumbList","@id":"https:\/\/support.gwapps.com\/knowledge-base\/navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/support.gwapps.com\/"},{"@type":"ListItem","position":2,"name":"Navigation"}]},{"@type":"WebSite","@id":"https:\/\/support.gwapps.com\/#website","url":"https:\/\/support.gwapps.com\/","name":"GW Apps - Soporte","description":"Democratizando el desarrollo de aplicaciones web para empresas","publisher":{"@id":"https:\/\/support.gwapps.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/support.gwapps.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/support.gwapps.com\/#organization","name":"GW Apps","url":"https:\/\/support.gwapps.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/support.gwapps.com\/#\/schema\/logo\/image\/","url":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2021\/04\/GWApps_logo_black.png","contentUrl":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2021\/04\/GWApps_logo_black.png","width":745,"height":357,"caption":"GW Apps"},"image":{"@id":"https:\/\/support.gwapps.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/gwappsinc","https:\/\/x.com\/GWApps_Inc","https:\/\/www.linkedin.com\/company\/gwapps\/posts\/?feedView=all","https:\/\/www.youtube.com\/channel\/UCyN1tnP1Owrti0PYxEkQDaQ"]}]}},"_links":{"self":[{"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb\/1978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/comments?post=1978"}],"version-history":[{"count":18,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb\/1978\/revisions"}],"predecessor-version":[{"id":5577,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb\/1978\/revisions\/5577"}],"wp:attachment":[{"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/media?parent=1978"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=1978"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=1978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}