Hello Özmen,

Thank you for the screenshots, which made things more clear.

I assume that you are using the custom CSS class of the <div> to style the Window or its content. Knowing that the Window is moved in the DOM, it is easier to set the Class attribute of the Window. Doing this will give you the ability to change the appearance of the content and elements of the component.

You can find more information in Styling section of the Window documentation.

I am setting this item status as Declined. Let me know if your scenario is different and the above information is not relevant.

Regards, Apostolos Giatsidis Progress Telerik

Hello,

Could you provide some more details on what exactly you are trying to achieve? I am asking, because the Window component does not render at the place of declaration and so it is not expected that its parent in the markup is going to be its parent in the DOM when rendered.

If this does not explain the situation, could you post an example of the Window component issue based on this sample:

<TelerikWindow @bind-Visible="@WindowIsVisible">
    <WindowTitle>
        <strong>The Title</strong>
    </WindowTitle>
    <WindowContent>
        This is my window <strong>popup</strong> content.
    </WindowContent>
    <WindowActions>
        <WindowAction Name="Minimize"></WindowAction>
        <WindowAction Name="Maximize"></WindowAction>
        <WindowAction Name="Close"></WindowAction>
    </WindowActions>
</TelerikWindow>

<TelerikButton OnClick="@( () => WindowIsVisible = !WindowIsVisible )">Toggle window</TelerikButton>

@code {
    bool WindowIsVisible { get; set; }
}

Regards,
Marin Bratanov
Progress Telerik