{"id":35646,"date":"2017-10-05T22:34:38","date_gmt":"2017-10-06T05:34:38","guid":{"rendered":"http:\/\/www.technosolutions.com\/kb\/35646\/how-to-add-and-view-comments-in-screen-mockups\/"},"modified":"2017-10-06T02:47:35","modified_gmt":"2017-10-06T09:47:35","slug":"how-to-add-and-view-comments-in-screen-mockups","status":"publish","type":"post","link":"http:\/\/www.technosolutions.com\/kb\/35646\/how-to-add-and-view-comments-in-screen-mockups\/","title":{"rendered":"How to add and view Comments in Screen Mockups"},"content":{"rendered":"

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

\n
\n

Overview<\/h3>\n
\n

While working on a Project, you may need to get its mockups\/wireframes reviewed by external stakeholders, reviewers, etc. In such a case, you need to add the Screen Mockups<\/i> to a Review Package <\/i>and send it for review. Collaborators<\/i> (external users) can then login to Online Reviews <\/i>in TopTeam Web<\/i> and review the sent request. From here, reviewers can add their comments to records which can then be viewed in their respective editors in TopTeam Desktop App.<\/i><\/p>\n

This article explains how to view and add comments to a Screen Mockup <\/i>record using TopTeam Desktop App.<\/i><\/p>\n<\/div><\/div>\n

\n

Who should read this?<\/h3>\n
\n
    \n
  • TopTeam Users<\/li>\n<\/ul>\n<\/div><\/div>\n
    \n

    Viewing Comments in Screen Mockup editor<\/h3>\n<\/p><\/div>\n
    \n

    Step 1. Open a Screen Mockup record that was sent for review<\/h3>\n
    \n\"wpid35709-media_1500270892166.png\"\n<\/div>\n
    \n

    Comments given on a record display in the Screen<\/i> tab. There are highlighted (orange<\/font><\/strong>) comments and regular (green<\/font><\/strong>) comments.<\/p>\n

      \n
    • Highlighted comments are new comments which have been added to the record since logged in user last opened the record.<\/li>\n
    • Regular comments are comments which have already been viewed by logged in user on last login.<\/li>\n<\/ul>\n

      You can change the settings for highlighted comments using Display Options.<\/i><\/p>\n<\/div><\/div>\n

      \n

      Step 2. Customize comments display, click Display Options<\/h3>\n
      \n\"wpid35707-media_1500269517981.png\"\n<\/div>\n<\/p><\/div>\n
      \n

      Step 3. Click a comment icon to view comment details<\/h3>\n
      \n\"wpid35708-media_1500269680145.png\"\n<\/div>\n<\/p><\/div>\n
      \n

      Adding Comments to a Screen Mockup<\/h3>\n
      \n

      There are two ways to add a comment to a Screen Mockup:<\/i><\/font><\/p>\n

        \n
      1. Comment on Widget<\/font><\/li>\n
      2. Comment on Region<\/font><\/li>\n<\/ol>\n<\/div><\/div>\n
        \n

        Commenting on Widgets<\/h3>\n<\/p><\/div>\n
        \n

        Step 1. Go to the Review & Comments tab to add a comment in this Screen Mockup record<\/h3>\n
        \n\"wpid35710-media_1500615649376.png\"\n<\/div>\n<\/p><\/div>\n
        \n

        Step 2. Select a Widget to add a comment to it<\/h3>\n
        \n\"wpid35711-media_1500616881694.png\"\n<\/div>\n
        \n

        Comment is added to the selected widget.<\/p>\n<\/div><\/div>\n

        \n

        Commenting on Regions<\/h3>\n<\/p><\/div>\n
        \n

        Step 1. Add a comment to a region<\/h3>\n
        \n\"wpid35712-media_1500617318565.png\"\n<\/div>\n<\/p><\/div>\n
        \n

        Step 2. Select a Region to add a comment to it<\/h3>\n
        \n\"wpid35713-media_1500617622948.png\"\n<\/div>\n
        \n

        Comment is added to the selected region.<\/p>\n<\/div><\/div>\n

        \n

        Viewing Comments in Properties panel<\/h3>\n<\/p><\/div>\n
        \n

        Step 1. View all comments in a Screen Mockup record in Properties panel<\/h3>\n
        \n\"wpid35714-media_1500618756947.png\"\n<\/div>\n<\/p><\/div>\n
        \n

        Step 2. Go to the Comments tab in Properties panel to view all comments in a single view<\/h3>\n
        \n\"wpid35715-media_1500618911622.png\"\n<\/div>\n<\/p><\/div>\n
        \n

        Step 3. Reply to a comment from the Comments panel<\/h3>\n
        \n\"wpid35716-media_1500619285316.png\"\n<\/div>\n
        \n

        Reply to comment is added.<\/p>\n<\/div><\/div>\n

        \n

        Step 4. Click the contextual comment icon in a comment to view an image of the widget\/region, for which the comment was given<\/h3>\n
        \n\"wpid35717-media_1500619587329.png\"\n<\/div>\n<\/p><\/div>\n
        \n

        Step 5. Click the information icon of a comment to view details of the comment<\/h3>\n
        \n\"wpid35718-media_1500620380683.png\"\n<\/div>\n<\/p><\/div>\n
        \n

        Filtering Comments<\/h3>\n<\/p><\/div>\n
        \n

        Step 1. Click the Comment Filters drop-down menu to select a Filter<\/h3>\n
        \n\"wpid35719-media_1500621504775.png\"\n<\/div>\n<\/p><\/div>\n
        \n

        Selected Filter is applied and comments display in Screen Mockup editor and Comments panel, as per the applied Filter<\/h3>\n
        \n\"wpid35720-media_1500621618858.png\"\n<\/div>\n<\/p><\/div>\n
        \n
        \n

        Revised: October 6th, 2017<\/p>\n<\/div><\/div>\n<\/p><\/div>\n

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

        Overview While working on a Project, you may need to get its mockups\/wireframes reviewed by external stakeholders, reviewers, etc. In such a case, you need to add the Screen Mockups to a Review Package and send it for review. Collaborators (external users) can then login to Online Reviews in TopTeam Web and review the sent request. From here, reviewers can add their comments to records which can then be viewed in their respective editors in TopTeam Desktop App. This article explains how to view and add comments to a Screen Mockup record using TopTeam Desktop App. Who should read this? <\/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-35646","post","type-post","status-publish","format-standard","hentry","category-screen-mockups","tag-mockups"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paoaNA-9gW","_links":{"self":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/35646","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=35646"}],"version-history":[{"count":6,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/35646\/revisions"}],"predecessor-version":[{"id":35736,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/35646\/revisions\/35736"}],"wp:attachment":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/media?parent=35646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/categories?post=35646"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/tags?post=35646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}