{"id":35838,"date":"2017-10-23T03:12:41","date_gmt":"2017-10-23T10:12:41","guid":{"rendered":"http:\/\/www.technosolutions.com\/kb\/35838\/using-screen-mockup-widgets\/"},"modified":"2017-12-01T22:53:20","modified_gmt":"2017-12-02T06:53:20","slug":"using-screen-mockup-widgets","status":"publish","type":"post","link":"http:\/\/www.technosolutions.com\/kb\/35838\/using-screen-mockup-widgets\/","title":{"rendered":"Using Screen Mockup Widgets"},"content":{"rendered":"<p>\t\t\t\t\t\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 Mockup Widgets editor?<\/h3>\n<div class=\"StepInstructions\">\n<p><i>Screen Mockup Widgets <\/i>editor lets you create a widget or a set of widgets which can be used frequently on your<i> Screen Mockups<\/i>. These widgets are specific to your project.<\/p>\n<p>You can design a variety of widgets such as<i> Application logo<\/i>, <i>standard footer<\/i>, <i>Copyright information<\/i>, <i>Contact information<\/i>, etc. and reuse it in your <i>Screen Mockups<\/i>.<\/p>\n<p>You can access this editor from <i>Repository Explorer &gt; Screen Mockup Widgets  &gt; New Screen Mockup Widget.<\/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\/wpid36869-media_1512195181445.png\" width=\"783\" height=\"460\" alt=\"wpid36869-media_1512195181445.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p><i>Screen Mockup Widgets<\/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\/wpid36868-media_1508324645968.png\" width=\"800\" height=\"388\" alt=\"wpid36868-media_1508324645968.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 this editor when you want to reuse a single or a set of widgets in your <i>Screen Mockups<\/i> or<i> Screen Mockup Master Pages<\/i>. It becomes handy to use available set of widgets while designing <i>Screen Mockups<\/i> (e.g. set of widgets that can be used as main tabs for navigating through a website).<\/p>\n<p>Using this editor you can create widgets of type <i>Text<\/i>, <i>Edit<\/i>,<i> Button,<\/i> <i>List<\/i>, etc. You can also perform similar actions for<i> System<\/i> <i>Widgets<\/i>. <i>System Widgets <\/i>can be saved either as <i>Public,<\/i> which are visible to all users in all projects or <i>Private, <\/i>which are visible only to you.<\/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\/\" target=\"_blank\">Using Screen Mockups 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 Mockup Widgets editor? Screen Mockup Widgets editor lets you create a widget or a set of widgets which can be used frequently on your Screen Mockups. These widgets are specific to your project. You can design a variety of widgets such as Application logo, standard footer, Copyright information, Contact information, etc. and reuse it in your Screen Mockups. You can access this editor from Repository Explorer &gt; Screen Mockup Widgets &gt; New Screen Mockup Widget. Refer to the image below. Screen Mockup Widgets editor When to use it? Use this editor when you want to reuse <\/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-35838","post","type-post","status-publish","format-standard","hentry","category-screen-mockups","tag-mockups"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paoaNA-9k2","_links":{"self":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/35838","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=35838"}],"version-history":[{"count":7,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/35838\/revisions"}],"predecessor-version":[{"id":36873,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/35838\/revisions\/36873"}],"wp:attachment":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/media?parent=35838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/categories?post=35838"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/tags?post=35838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}