Custom close button.

4 posts, 2 answers
  1. Henry
    Henry avatar
    44 posts
    Member since:
    Feb 2013

    Posted 06 Mar 2013 Link to this post

    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.
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 06 Mar 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Henry
    Henry avatar
    44 posts
    Member since:
    Feb 2013

    Posted 07 Mar 2013 Link to this post

    Thanks princy. Also how to remove the window border with CSS?
  5. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 07 Mar 2013 Link to this post

    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.
Back to Top