Custom close button.

[Henry]

Hi folks,
Can anyone let me know if it is possible to add a custom close image button to the Radwindow and hide all other button control in titlebar?

Thanks,
Henry.

[Princy]

Hello Henry,

You can set the Behaviors property of the RadWindow to close in order to hide other buttons from the title bar. Try overriding the default CSS as follows to set a custom image close button.

CSS:

<style type="text/css">
    .RadWindow .rwCloseButton
    {
        background-image: url("../Images/Close.png") !important;
        background-position: 1px 2px !important;
    }
</style>

Thanks,
Princy.

[Henry]

Thanks princy. Also how to remove the window border with CSS?

[Princy]

Hello,

Please have a look at the following code to remove the RadWindow border.

ASPX:

<telerik:RadWindow runat="server" ID="RadWindow1" Skin="Sunset" NavigateUrl="http://google.com/">
</telerik:RadWindow>

CSS:

<style type="text/css">
    .RadWindow_Sunset .rwCorner .rwTopLeft, .RadWindow_Sunset .rwTitlebar, .RadWindow_Sunset .rwCorner .rwTopRight, .RadWindow_Sunset .rwIcon, .RadWindow_Sunset table .rwTopLeft, .RadWindow_Sunset table .rwTopRight, .RadWindow_Sunset table .rwFooterLeft, .RadWindow_Sunset table .rwFooterRight, .RadWindow_Sunset table .rwFooterCenter, .RadWindow_Sunset table .rwBodyLeft, .RadWindow_Sunset table .rwBodyRight, .RadWindow_Sunset table .rwTitlebar, .RadWindow_Sunset table .rwTopResize, .RadWindow_Sunset table .rwStatusbar, .RadWindow_Sunset table .rwStatusbar .rwLoading
    {
        display: none !important;
    }
</style>

For more information on removing window border, please check this documentation.

Thanks,
Princy.