Concepts
Async Collaboration
- Comments
- Comment Dialog
- Inline Comments
- Standalone Components
- Comments Sidebar
- Comment Pin
- Comment Tool
- Comment Bubble
- Comment Player Timeline
- Confirmation Dialog
- MultiThread Comment Dialog
- Persistent Comment Mode Banner
- Text Comment Tool
- Text Comment Toolbar
- Velt Video Player
- In-app Notifications
- Recorder
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
- Single Editor Mode
Comments
Persistent Comment Mode Banner
The persistent comment mode banner that appears when persistent mode is enabled and user is adding a comment.
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
VeltPersistentCommentModeWireframe
Copy
<VeltWireframe>
<VeltPersistentCommentModeWireframe>
<VeltPersistentCommentModeWireframe.CloseButton />
<VeltPersistentCommentModeWireframe.Label />
</VeltPersistentCommentModeWireframe>
</VeltWireframe>
Copy
<VeltWireframe>
<VeltPersistentCommentModeWireframe>
<VeltPersistentCommentModeWireframe.CloseButton />
<VeltPersistentCommentModeWireframe.Label />
</VeltPersistentCommentModeWireframe>
</VeltWireframe>
Copy
<velt-wireframe style="display:none;">
<velt-persistent-comment-mode-wireframe>
<velt-persistent-comment-mode-close-button-wireframe></velt-persistent-comment-mode-close-button-wireframe>
<velt-persistent-comment-mode-label-wireframe></velt-persistent-comment-mode-label-wireframe>
</velt-persistent-comment-mode-wireframe>
</velt-wireframe>
CloseButton
Copy
<VeltWireframe>
<VeltPersistentCommentModeWireframe.CloseButton />
</VeltWireframe>
Copy
<VeltWireframe>
<VeltPersistentCommentModeWireframe.CloseButton />
</VeltWireframe>
Copy
<velt-wireframe style="display:none;">
<velt-persistent-comment-mode-close-button-wireframe></velt-persistent-comment-mode-close-button-wireframe>
</velt-wireframe>
Label
Copy
<VeltWireframe>
<VeltPersistentCommentModeWireframe.Label>
<VeltPersistentCommentModeWireframe.Label.Public />
<VeltPersistentCommentModeWireframe.Label.Private />
</VeltPersistentCommentModeWireframe.Label>
</VeltWireframe>
Copy
<VeltWireframe>
<VeltPersistentCommentModeWireframe.Label>
<VeltPersistentCommentModeWireframe.Label.Public />
<VeltPersistentCommentModeWireframe.Label.Private />
</VeltPersistentCommentModeWireframe.Label>
</VeltWireframe>
Copy
<velt-wireframe style="display:none;">
<velt-persistent-comment-mode-label-wireframe>
<velt-persistent-comment-mode-label-public-wireframe></velt-persistent-comment-mode-label-public-wireframe>
<velt-persistent-comment-mode-label-private-wireframe></velt-persistent-comment-mode-label-private-wireframe>
</velt-persistent-comment-mode-label-wireframe>
</velt-wireframe>
Label.Public
Copy
<VeltWireframe>
<VeltPersistentCommentModeWireframe.Label.Public />
</VeltWireframe>
Copy
<VeltWireframe>
<VeltPersistentCommentModeWireframe.Label.Public />
</VeltWireframe>
Copy
<velt-wireframe style="display:none;">
<velt-persistent-comment-mode-label-public-wireframe></velt-persistent-comment-mode-label-public-wireframe>
</velt-wireframe>
Label.Private
Copy
<VeltWireframe>
<VeltPersistentCommentModeWireframe.Label.Private />
</VeltWireframe>
Copy
<VeltWireframe>
<VeltPersistentCommentModeWireframe.Label.Private />
</VeltWireframe>
Copy
<velt-wireframe style="display:none;">
<velt-persistent-comment-mode-label-private-wireframe></velt-persistent-comment-mode-label-private-wireframe>
</velt-wireframe>
Styling
Disable ShadowDOM
- By default, ShadowDOM is used to ensure that your app’s CSS does not interfere with the styling of the SDK components.
- Disable the shadow dom to apply your custom CSS to the component.
Default: true
Copy
<VeltComments persistentCommentShadowDom={false}/>
Copy
<VeltComments persistentCommentShadowDom={false}/>
Copy
<velt-comments persistent-comment-shadow-dom="false"></velt-comments>
Was this page helpful?
Assistant
Responses are generated using AI and may contain mistakes.