Sept 14 2024
3.0.11
New Features
-
[UI Customization]: Added Conditional Templates! These let you conditionally show or hide parts of the Velt Component Wireframes.
- You can add conditions based on the same data models available in Template Variables.
<VeltIf condition="{annotation.status.id} === 'OPEN' && {annotation.comments.length} === 3"> {/* Content to render if condition is true */} </VeltIf>
-
[UI Customization]: You can now customize confirmation dialogs (eg: Delete thread, Delete recorder etc) for each feature by defining variants.
- Supported variants:
recorder
,comment
,arrow
,area
.
- Supported variants:
<VeltWireframe>
<VeltConfirmDialogWireframe variant="comment">
<div>
<VeltConfirmDialogWireframe.Title>
Custom Title
</VeltConfirmDialogWireframe.Title>
<VeltConfirmDialogWireframe.Message>
Custom Message
</VeltConfirmDialogWireframe.Message>
<VeltConfirmDialogWireframe.RejectButton>
Custom Reject Button
</VeltConfirmDialogWireframe.RejectButton>
<VeltConfirmDialogWireframe.ApproveButton>
Custom Approve Button
</VeltConfirmDialogWireframe.ApproveButton>
</div>
</VeltConfirmDialogWireframe>
</VeltWireframe>
-
[UI Customization]: Added two new global Template Variables:
unreadCommentAnnotationCount
: Number of unread comment annotations on the current document.unreadCommentCount
: Total number of unread comments on the current document.
-
[Comments]: Added
updateContext
method for updating custom metadata (context
) on comment annotations. Learn more. This method is available in two scenarios:-
In the
onCommentUpdate
event callback: Use this to update the context when a comment is modified. -
Via the
updateContext
API method: Utilize this method to update the context of a comment annotation at any time. For example, you might use this when the name of the dashboard containing the comment annotation changes.
-
Improvements
- [Comments]: Updated the icon for the Unresolve button.
- [Comments]: Whenever the comment sidebar is opened using the button or the api, any open comment dialog will be closed.
- [Comments]: Made position of the reaction tool consistent across different states and content types in the comment dialog.
Bug Fixes
- [Comments]: Fixed the flicker issue when new popover comment thread was created. This only happened when the triangle component was disabled.
- [Comments]: Fixed minor rendering issue with the @mention chip when it was added at the end of the content.
- [Velt Components]: Reduced the default z-index for all Velt Components to prevent them from going over the host app’s header or any other important UI elements.
- [Comments]: Fixed menu overlay positioning to stay with its trigger during page scrolling.
Was this page helpful?