{"id":4515,"date":"2013-08-13T23:46:55","date_gmt":"2013-08-14T06:46:55","guid":{"rendered":"http:\/\/www.technosolutions.com\/kb\/?p=4515"},"modified":"2017-12-01T22:37:33","modified_gmt":"2017-12-02T06:37:33","slug":"using-screen-mockups-editor","status":"publish","type":"post","link":"http:\/\/www.technosolutions.com\/kb\/4515\/using-screen-mockups-editor\/","title":{"rendered":"Using Screen Mockups Editor"},"content":{"rendered":"

\t\t\t\t\t<\/p>\n

\n
\n

What is the Screen Mockups editor?<\/h3>\n
\n

The Screen Mockups<\/i> editor is a full-featured designer in TopTeam<\/i> for creating screen prototypes for applications or web pages. It can be used to design application pages, web forms and can present the transition throughout different pages.<\/p>\n

This editor provides features such as capturing existing screens and editing them to do a quick mockup or a User Interface (UI) design using the extensive set of widgets provided. It can also simulate the behavior of a prototype application or web page in real-time.<\/p>\n

You can access this editor from Repository Explorer > Screen Mockups > New Screen Mockup. <\/i>Refer to the image below.<\/p>\n<\/div><\/div>\n

\n
\n\"media_1512196379918.png\"\n<\/div>\n
\n

Screen Mockups<\/i> editor<\/p>\n<\/div><\/div>\n

\n
\n\"wpid27860-media_1477398385771.png\"\n<\/div>\n<\/p><\/div>\n
\n

When to use it?<\/h3>\n
\n

Use the Screen Mockups<\/i> editor when you want to:
\n•    Present user needs in a visual format to customers
\n•    Have design discussions in a more effective and clear manner with the development team
\n•    Get better requirements from customers and thus achieve better productivity<\/p>\n<\/div><\/div>\n

\n

Getting Started<\/h3>\n
\n

You can access online help for the Screen Mockups<\/i> editor from the link below:<\/p>\n

Video – Getting Started with Screen Mockups<\/a><\/p>\n<\/div><\/div>\n

\n

See Also<\/h3>\n
\n

Using Screen Mockup Master Pages<\/a>
\nUsing Screen Mockup Widgets<\/a>
\nUsing Screen Mockup Stylesheets<\/a><\/p>\n<\/div><\/div>\n<\/p><\/div>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

What is the Screen Mockups editor? The Screen Mockups editor is a full-featured designer in TopTeam for creating screen prototypes for applications or web pages. It can be used to design application pages, web forms and can present the transition throughout different pages. This editor provides features such as capturing existing screens and editing them to do a quick mockup or a User Interface (UI) design using the extensive set of widgets provided. It can also simulate the behavior of a prototype application or web page in real-time. You can access this editor from Repository Explorer > Screen Mockups > <\/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-4515","post","type-post","status-publish","format-standard","hentry","category-screen-mockups","tag-mockups"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paoaNA-1aP","_links":{"self":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/4515","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=4515"}],"version-history":[{"count":17,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/4515\/revisions"}],"predecessor-version":[{"id":36864,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/4515\/revisions\/36864"}],"wp:attachment":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/media?parent=4515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/categories?post=4515"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/tags?post=4515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}