{"id":4503,"date":"2013-08-13T23:22:34","date_gmt":"2013-08-14T06:22:34","guid":{"rendered":"http:\/\/www.technosolutions.com\/kb\/?p=4503"},"modified":"2017-12-01T22:01:51","modified_gmt":"2017-12-02T06:01:51","slug":"using-screen-flow-diagram-editor","status":"publish","type":"post","link":"http:\/\/www.technosolutions.com\/kb\/4503\/using-screen-flow-diagram-editor\/","title":{"rendered":"Using Screen Flow Diagram Editor"},"content":{"rendered":"<p>\t\t\t<!-- Start ScreenSteps Content --><\/p>\n<div class=\"LessonContent\">\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">What is the Screen Flow Diagram editor?<\/h3>\n<div class=\"StepInstructions\">\n<p>The <i>Screen Flow Diagram<\/i> editor enables you to create logical links between screens and provides a walkthrough of the screens flow before the system is actually ready to use. <\/p>\n<p>You can access this editor from <i>Repository Explorer &gt; Screen Flow Diagrams &gt; New Screen Flow Diagram. <\/i>Refer to the image below.<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2017\/12\/media_1512194241982.png\" width=\"761\" height=\"480\" alt=\"media_1512194241982.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p><i>Screen Flow Diagram<\/i> editor<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2017\/12\/wpid27688-media_1477396550468.png\" width=\"765\" height=\"608\" alt=\"wpid27688-media_1477396550468.png\" \/>\n<\/div>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">When to use it?<\/h3>\n<div class=\"StepInstructions\">\n<p>Use the <i>Screen Flow Diagram <\/i>editor to: <br \/>\n&bull;&nbsp;&nbsp;&nbsp;&nbsp;Illustrate and simulate the navigational flow from one screen to the next<br \/>\n&bull;&nbsp;&nbsp;&nbsp;&nbsp;Give you a feel of the screens flow and what the system will look like once it is implemented\n <\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Getting Started<\/h3>\n<div class=\"StepInstructions\">\n<p>You can access online help for the <i>Screen Flow Diagram <\/i>editor from the link below:<\/p>\n<p><a href=\"http:\/\/www.technosolutions.com\/kb\/3103\/video-getting-started-with-screen-navigation-diagram \" target=\"_blank\">Video &#8211; Getting Started with Screen Flow Diagram<\/a><\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">See Also<\/h3>\n<div class=\"StepInstructions\">\n<p><a href=\"http:\/\/www.technosolutions.com\/kb\/4515\/using-screen-mockups-editor-2\/ \" target=\"_blank\">Using Screen Mockup Editor<\/a><\/p>\n<\/div><\/div>\n<\/p><\/div>\n<p><!-- End ScreenSteps Content --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is the Screen Flow Diagram editor? The Screen Flow Diagram editor enables you to create logical links between screens and provides a walkthrough of the screens flow before the system is actually ready to use. You can access this editor from Repository Explorer &gt; Screen Flow Diagrams &gt; New Screen Flow Diagram. Refer to the image below. Screen Flow Diagram editor When to use it? Use the Screen Flow Diagram editor to: &bull;&nbsp;&nbsp;&nbsp;&nbsp;Illustrate and simulate the navigational flow from one screen to the next &bull;&nbsp;&nbsp;&nbsp;&nbsp;Give you a feel of the screens flow and what the system will look like <\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[54],"tags":[94],"class_list":["post-4503","post","type-post","status-publish","format-standard","hentry","category-screen-mockups","tag-mockups"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paoaNA-1aD","_links":{"self":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/4503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/comments?post=4503"}],"version-history":[{"count":16,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/4503\/revisions"}],"predecessor-version":[{"id":36848,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/4503\/revisions\/36848"}],"wp:attachment":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/media?parent=4503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/categories?post=4503"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/tags?post=4503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}