<VeltWireframe>
    <VeltCommentDialogWireframe.Options> {/* This parent wireframe scopes the changes to only the header options dropdown. */}
        <VeltCommentDialogWireframe.Options.Trigger />
        <VeltCommentDialogWireframe.Options.Content>
            <VeltCommentDialogWireframe.Options.Content.MakePrivate>
                <VeltCommentDialogWireframe.Options.Content.MakePrivate.Enable />
                <VeltCommentDialogWireframe.Options.Content.MakePrivate.Disable />
            </VeltCommentDialogWireframe.Options.Content.MakePrivate>
            <VeltCommentDialogWireframe.Options.Content.Assign />
            <VeltCommentDialogWireframe.Options.Content.Edit />
            <VeltCommentDialogWireframe.Options.Content.Delete>
                <VeltCommentDialogWireframe.Options.Content.Delete.Thread />
                <VeltCommentDialogWireframe.Options.Content.Delete.Comment />
            </VeltCommentDialogWireframe.Options.Content.Delete>
            <VeltCommentDialogWireframe.Options.Content.Notification>
                <VeltCommentDialogWireframe.Options.Content.Notification.Subscribe />
                <VeltCommentDialogWireframe.Options.Content.Notification.Unsubscribe />
            </VeltCommentDialogWireframe.Options.Content.Notification>
        </VeltCommentDialogWireframe.Options.Content>
    </VeltCommentDialogWireframe.Options>
</VeltWireframe>

We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.

There are two set of options wireframes:

  • Velt Comment Dialog Options Wireframe: Scopes the changes to the header options dropdown.
  • Velt Comment Dialog Thread Card Options Wireframe: Scopes the changes to the individual message card options dropdown.

They share the same children components. However, the children components show conditionally based on their parent:

  • Thread level actions: Copy link, subscribe, delete thread. They only appear in the header.
  • Message level actions: Edit, delete. They only appear in the individual message cards.

The wireframes covered here are used to customize the header options dropdown.

<VeltWireframe>
    <VeltCommentDialogWireframe.Options> {/* This parent wireframe scopes the changes to only the header options dropdown. */}
        <VeltCommentDialogWireframe.Options.Trigger />
        <VeltCommentDialogWireframe.Options.Content>
            <VeltCommentDialogWireframe.Options.Content.MakePrivate>
                <VeltCommentDialogWireframe.Options.Content.MakePrivate.Enable />
                <VeltCommentDialogWireframe.Options.Content.MakePrivate.Disable />
            </VeltCommentDialogWireframe.Options.Content.MakePrivate>
            <VeltCommentDialogWireframe.Options.Content.Assign />
            <VeltCommentDialogWireframe.Options.Content.Edit />
            <VeltCommentDialogWireframe.Options.Content.Delete>
                <VeltCommentDialogWireframe.Options.Content.Delete.Thread />
                <VeltCommentDialogWireframe.Options.Content.Delete.Comment />
            </VeltCommentDialogWireframe.Options.Content.Delete>
            <VeltCommentDialogWireframe.Options.Content.Notification>
                <VeltCommentDialogWireframe.Options.Content.Notification.Subscribe />
                <VeltCommentDialogWireframe.Options.Content.Notification.Unsubscribe />
            </VeltCommentDialogWireframe.Options.Content.Notification>
        </VeltCommentDialogWireframe.Options.Content>
    </VeltCommentDialogWireframe.Options>
</VeltWireframe>

Was this page helpful?