{"id":21611,"date":"2016-01-11T04:52:29","date_gmt":"2016-01-11T12:52:29","guid":{"rendered":"http:\/\/www.technosolutions.com\/kb\/21611\/how-to-link-business-rules-non-functional-requirements-etc-to-individual-widgets-on-screen-mockups\/"},"modified":"2017-07-06T04:58:56","modified_gmt":"2017-07-06T11:58:56","slug":"how-to-link-business-rules-non-functional-requirements-etc-to-individual-widgets-on-screen-mockups","status":"publish","type":"post","link":"http:\/\/www.technosolutions.com\/kb\/21611\/how-to-link-business-rules-non-functional-requirements-etc-to-individual-widgets-on-screen-mockups\/","title":{"rendered":"How to link Business Rules, Non-functional Requirements, etc. to individual widgets on Screen Mockups"},"content":{"rendered":"<p>\t\t<!-- Start ScreenSteps Content --><\/p>\n<div class=\"LessonContent\">\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Overview<\/h3>\n<div class=\"StepInstructions\">\n<p><font color=\"#000000\">In this article, you will learn how to link requirements (<i>Business Rules, Non-functional Requirements, <\/i>etc.) to individual widgets on <i>Screen Mockups.<\/i><\/font><\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Who should read this?<\/h3>\n<div class=\"StepInstructions\">\n<ul>\n<li>TopTeam Users<\/li>\n<\/ul>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Link requirements to widgets<\/h3>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 1. Select a Project and Screen Mockups record type<\/h3>\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\/07\/wpid21607-media_1452238022710.png\" width=\"603\" height=\"323\" alt=\"wpid21607-media_1452238022710.png\" \/>\n<\/div>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 2. Click an existing Screen Mockup record<\/h3>\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\/07\/wpid21602-media_1452235883991.png\" width=\"800\" height=\"521\" alt=\"wpid21602-media_1452235883991.png\" \/>\n<\/div>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 3. Click Edit in Full Screen to edit the record<\/h3>\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\/07\/wpid21603-media_1452236111940.png\" width=\"658\" height=\"586\" alt=\"wpid21603-media_1452236111940.png\" \/>\n<\/div>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 4. Click a widget to which you want to link a requirement<\/h3>\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\/07\/wpid21608-media_1452490292379.png\" width=\"800\" height=\"522\" alt=\"wpid21608-media_1452490292379.png\" \/>\n<\/div>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 5. Click the Link drop-down menu in Description on the Properties panel<\/h3>\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\/07\/wpid21609-media_1452490341930.png\" width=\"800\" height=\"534\" alt=\"wpid21609-media_1452490341930.png\" \/>\n<\/div>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 6. The Link Requirement pop-up window opens, choose a Business Rule to link to the selected widget <\/h3>\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\/07\/wpid21604-media_1452236864858.png\" width=\"562\" height=\"495\" alt=\"wpid21604-media_1452236864858.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p><strong>NOTE:<\/strong> <font color=\"#000000\">You can also create new requirements and link them to widgets on the <i>Screen Mockup.<\/i><\/font><\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 7. The requirement is linked to the selected widget<\/h3>\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\/07\/wpid21610-media_1452490430002.png\" width=\"800\" height=\"526\" alt=\"wpid21610-media_1452490430002.png\" \/>\n<\/div>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 8. Save the record<\/h3>\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\/07\/wpid21605-media_1452237377386.png\" width=\"634\" height=\"514\" alt=\"wpid21605-media_1452237377386.png\" \/>\n<\/div>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 9. TopTeam automatically creates traceability links for requirements\/records referenced in widgets<\/h3>\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\/07\/wpid21606-media_1452237437247.png\" width=\"634\" height=\"364\" alt=\"wpid21606-media_1452237437247.png\" \/>\n<\/div>\n<\/p><\/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<div class=\"LessonStep top\">\n<div class=\"StepInstructions\">\n<p>Revised: August 8th, 2016<\/p>\n<\/div><\/div>\n<\/p><\/div>\n<p><!-- End ScreenSteps Content --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview In this article, you will learn how to link requirements (Business Rules, Non-functional Requirements, etc.) to individual widgets on Screen Mockups. Who should read this? TopTeam Users Link requirements to widgets Step 1. Select a Project and Screen Mockups record type Step 2. Click an existing Screen Mockup record Step 3. Click Edit in Full Screen to edit the record Step 4. Click a widget to which you want to link a requirement Step 5. Click the Link drop-down menu in Description on the Properties panel Step 6. The Link Requirement pop-up window opens, choose a Business Rule to <\/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,286],"class_list":["post-21611","post","type-post","status-publish","format-standard","hentry","category-screen-mockups","tag-mockups","tag-requirements"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paoaNA-5Cz","_links":{"self":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/21611","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=21611"}],"version-history":[{"count":3,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/21611\/revisions"}],"predecessor-version":[{"id":34623,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/21611\/revisions\/34623"}],"wp:attachment":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/media?parent=21611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/categories?post=21611"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/tags?post=21611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}