Skip to main content

Comments

Version 4.8 and newer

Comments allow users to have conversations about and provide feedback on styles uploaded to Stylezone.

  • Moderators, Contributors and Reviewers can all create and view comments

  • Anonymous users can only view comments

  • When you create a comment, you pin it to a location on a resource to give context to the comment. This functionality, introduced in version 4.8, is referred to as pinned comments.

    Comments that existed before this functionality are referred to as general comments. They still appear as a regular comment.

  • Comments are restricted to a single board

    If a style is shared by the style owner or a moderator to additional boards, the original comments stay in the original board. The style in the new location displays without comments until new comments from the new board are added.

The following image shows a style with the leftmost colorway (at the bottom of the image) selected. In this colorway, there are five resources displayed on the left side of the page. The second bottom resource is selected and the displayed comments relate to that resource.

Annotations feature

For more information, refer to:

Add a Pinned Comment

To pin a comment on a resource:

  1. Go to the style you want to comment on and click it. The style displays on the page.

  2. On the colorways selector below the style image, at the bottom of the page, click the colorway containing the resource you want to comment on.

    Click the colorway

  3. On the left side of the page, click the resource you want to comment on.

    Click the resource

  4. At the top right of the page, click the comments button.

    Comments

    Comment mode is enabled. The existing comments are displayed on the right side of the page.

    Comments displayed on the right

  5. On the resource preview on the page, click where you want to pin a comment. A pop-up window is displayed.

    Add a comment

  6. Write a comment, then click Post reply button. The comment is pinned on the resource and added to the comments section on the right.

    Note that each comment has a number. The number appears inside the comment pin and to the left of the comment itself in the comments section.

    Comment added and pinned

You can change the location of a comment on a style. When you move only a comment without the pin, the comment returns to the original location when opened again. If you want the comment to remain in the new location the next time it is opened, make sure you move the comment with the pin.

To move a comment:

  1. Click the desired comment or comment pin.

  2. Press and hold while moving the cursor to the desired location.

  3. Release the mouse. The comment or pin is moved to the new location.

Edit or Delete a Pinned Comment

You can edit and delete your comments.

To edit one of your comments:

  1. In the comments section, click the comment that you want to edit. The comment is displayed on the resource.

    You can also click on the desired comment pin on the resource preview image to display the comment.
  2. At the top right of the comment pop-up, click Menu. The comment action options are displayed.

    Comment actions options

  3. Click Edit Comment. The edit mode is enabled.

    Edit comment

  4. Edit your comment as desired, then click Save comment button. The comment is edited.

To delete one of your comments:

  1. In the comments section, click the comment that you want to delete. The comment is displayed on the resource.

    You can also click on the desired comment pin on the resource preview image to display the comment.
  2. At the top right of the comment pop-up, click Menu. The comment action options are displayed.

    Comment actions options

  3. Click Delete Thread. A message is displayed.

    Delete comment message

  4. Click Delete. The comment is deleted and removed from the comments section.

Resolve a Comment

When you resolve a comment, it is removed from the Only current view comments section and added to Resolved comments section. Use the comments filter to navigate between comment sections. For more information, refer to Filtering comments section in this article.

To resolve a comment:

  1. On the right of the Style view, in the comments section, hover over the desired comment. The resolve a comment icon is displayed.

    Resolve comment icon

  2. Click the resolve a comment icon. The comment is resolved and added to the Resolved comments section.

You can also resolve a comment using the comment pop-up.

To resolve a comment using the comment pop-up:

  1. Click the desired comment or comment pin. The comment edit mode is enabled.

    Resolve popup comment

  2. At the top right of the comment pop-up, click Resolve.

  3. The comment is resolved.

To view resolved comments:

  1. At the top of the comments section, click the filter comments icon. The comments filtering options are displayed.

    Filter comments options

  2. Select Show resolved comments.

  3. The Resolved comments section is displayed.

To un-resolve a comment:

  1. In the resolved comments section. Navigate to the desired resolved comment. Click the unresolve comment icon.

    Unresolve comment icon

  2. The comment is unresolved, and moved to the Current View comments section.

Reply to Comments

You can reply to existing comments.

To post a reply to an existing comment:

  1. Click the desired comment in the resource preview image or In the comments section. The comment pop-up is displayed with a reply option.

    Post a reply

  2. Click Reply. A space to write a reply is displayed.

    Space to write a reply

  3. Write a reply, then click Post reply button. Your reply is posted and displayed under the comment in the comments section.

    Reply

To mention a person in your reply, refer to the Mentioning a user section in this article.

Mention a User in a Comment

You can mention other users in comments or replies. Mentioned users receive a mention notification.

To mention a user in a comment or a reply:

  1. Add @ in front of the desired user name. The User names of people who are in the same group are displayed.

  2. Click the desired user name. The user name turns orange and a mention notification is sent to the mentioned user.

To view a comment with a mention of your user name:

  1. Click the notification bell next to your user name. The notifications are displayed.

    Mention user notification

  2. Click the mention notification. The comments section is displayed.

  3. A mention icon appears at the top left of the comment with the mention of your user name.

    Mentioned user icon

Filter Comments

You can filter comments using the filter buttonFilter comments button at the top right of the comments section to navigate between different comments sections.

The Only current view option displays only the comments section of the style currently viewed.

The Show resolved comments option displays the resolved comments only.

Sections that are displayed are marked with Check

Filter options

To filter the comments:

  1. At the top of the page, click the comments icon.

    Comments

    Comment mode is enabled. The comments section is displayed.

    Comments displayed on the right

  2. At the top right of the comments section, click Filter comments button. The Filter options are displayed.

    Filter options

  3. Select the desired comment sections to view.

Visual Annotations in Comments

This feature allows you to add visual annotations to comments inside the style view. Visual annotations include arrows, typed text, images, shapes, pencil tool and other tools that enable detailed annotation.

You can add, edit, move or delete annotations.

For styles that include annotations, a yellow indication appears next to comments icon, at the top of the style view.

Annotations indication

For more information, refer to the following tutorial video Stylezone annotation tips

To add visual annotations to a comment:

Click a comment to edit, or click to add a comment or a reply. The annotation toolbar is displayed.

Annotations toolbar

IconAction
Toolbar handlePress and hold to move the toolbar around the style view
Line

Select to add a line annotation to the style view.

To edit the line:

  1. Select the desired line. Bounding boxes appear around the line.

    Line bounding boxes

  2. Use the bounding boxes to change the size of the line, rotate or change location of the line.

Arrow

Select to add an arrow annotation to the style view.

To edit the arrow:

  1. Select the desired arrow. Bounding boxes appear around the arrow.

    Arrow bounding boxes

  2. Use the bounding boxes to change the size of the arrow, rotate or change location.

Pencil toolSelect the pencil tool to free annotate on the style view.
Shapes

Select to add a shape annotation to the style view.

To edit the shape:

  1. Select the desired shape. Bounding boxes appear around the shape.

    Shape bounding boxes

  2. Use the bounding boxes to change the size of the shape, rotate or change location of the shape.

Text

Select to add a text annotation to the style view.

  1. Select the icon, a text box appears.

    Text box

  2. Type in the desired text, then click return.

To edit the text:

  1. Select the desired text. Bounding boxes appear around the text.

    Text bounding boxes

  2. Use the bounding boxes to change the size of the text, rotate or change location.

Image

Select to add an image annotation to the style view.

To add an image:

  1. Select the icon, the files navigator is displayed.

  2. Choose the desired image. The image is added to the style view.

To edit the image:

  1. Select the desired image. Bounding boxes appear around the image.

  2. Use the bounding boxes to change the size of the image, rotate or change location.

Color annotation

Use to change the color of an annotation.

  1. Select the desired annotation.

    Shape bounding boxes

  2. Select the color tool. The colors palette is displayed.

    Color palette

  3. Use the color palette to change the color of the selected annotation.

    Red circle

You may also set the color before adding a new annotation.

Line width

Use to edit the annotation line width.

To edit a line width:

  1. Select the desired annotation.

    Shape bounding boxes

  2. Select the line width tool. The line width range is displayed.S

    Line width range

  3. Use the line width range to set the desired line width.

You may also set the line width before adding a new annotation.

Remove

Select to delete all visual annotations.

Deleted Resource Comments

When a resource that used to have pinned comments is deleted or moved, the pinned comments become general comments with a deleted resource icon.

Deleted source comment

You can delete a comment that has no resource and you can mark it as read.

To mark a comment with a deleted resource as read:

  1. Next to the deleted resource image, click Menu. Options are displayed.

    Comment action options

  2. Click Mark as Read.

To delete a comment with a deleted resource:

  1. Next to the deleted resource image, click Menu. Options are displayed.

    Comment action options

  2. Click Delete Thread.

View Comments in the Feed or in a Board

You can view comments in your feed or in a board.

To view comments in a feed or board:

  1. In the feed or board, click the text which displays the number of comments.

    Click to display the comments

    The comments are displayed.

  2. To hide the comments, click again the text which displays the number of comments.

  3. Alternatively, click any comment to see that comment displayed on the relevant resource.

© Browzwear Solutions Pte. Ltd. 2018-2022. All rights reserved. Legal Notices.

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.

Articles in this section