I would like to override the style a vaadin-dialog web component, position it else than in the middle of the page

Question

{ this.DimensionDialogOpened = event.detail.value; //console.log("dialog opened"); } }" ${dialogRenderer( () => html ` ` )}

                >
            </vaadin-dialog>

I divided the screen into 3 and i expect the dialog to be shown in the right end div, when someone click on a buttoon

score 0 · Answer 1 · answered Feb 16 '23 at 19:19

0

If you want apply style to your component pass style prop to component and set it with the help of styleMap() method from lit.

answered Feb 16 '23 at 19:19

Ramesh HB

to be more precise , i would like to position the shadow dialog relative to a div , but without using top , right , left, bottom poitioning inside the vaadin-dialog-overlay::part(overlay). and i would like to use it in an alreday existing component – joekrom Feb 20 '23 at 14:15

1 Answers1