Radwindow as a splash screen

4 posts, 1 answers
  1. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 16 Sep 2009 Link to this post

    Hi,

    I want to configure Radwindow as a clickable splash screen.

    I have

    <telerik:RadWindow ID="RadWindow1" VisibleOnPageLoad="true" Modal="True" NavigateUrl="~/images/splash.png" runat="server" VisibleStatusBar="False" VisibleTitleBar="False" Width="650" Height="500">        
    </telerik:RadWindow>

    Some questions:
    Is there a way to make the whole Radwindow object clickable?
    When applying VisibleTitleBar="False the top part of the Radwindow has no corner images. Must I use custom skin to alter this?





  2. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 18 Sep 2009 Link to this post

    Hello Fit2Page,

    You do not need to use a custom skin. You can hide all elements around the RadWindow object by using this code :
    <style type="text/css"
        .rwTitleRow, 
        .rwCorner.rwBodyRight, 
        .rwCorner.rwBodyLeft, 
        .rwCorner.rwFooterLeft, 
        .rwFooterCenter, 
        .rwCorner.rwFooterRight, 
        .rwStatusBarRow 
        { 
            visibilityhidden
        } 
    </style> 

    The code needs to be added in the head tag of the page that contains the RadWindow's declaration(see the attached project).
    I hope this helps.

    Kind regards,
    Fiko
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 21 Sep 2009 Link to this post

    Hi Fiko,

    This style amendments are clear....

    But is it possible to make the RadWindow clickable?
    The way we did it with ajaxcontroltoolkit in the old days :-)

    <asp:Panel id="WitVlak" runat="server" Style="display: none" CssClass="modalPopup">
    <asp:ImageButton onclientclick="txtUsername.focus(); return false;" ID="OkButton" runat="server" ImageUrl="~/images/splash.png" />
    </asp:Panel>

    <ajaxToolkit:ModalPopupExtender ID="mpe_Start" runat="server"
    TargetControlID="LinkButtonHidden"
    PopupControlID="WitVlak"
    BackgroundCssClass="modalBackground"
    DropShadow="false"
    OkControlID="OkButton"
    />
    <asp:LinkButton ID="LinkButtonHidden" runat="server" />
  5. Answer
    Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 23 Sep 2009 Link to this post

    Hi ,

    After applying the CSS styles from my previous response, then the RadWidnow's content page will appear only. This means that you can declare a handler and catch the click events on that page. For example this code will catch any click on the content document :

    <script type="text/javascript"
        document.onclick = function() 
        { 
            alert("Popup1.aspx is clicked"); 
        } 
    </script> 

    Once again, add this code to the head tag of the page that is opened inside the RadWindow and an alert box will appear every time you click the RadWindow.
    For your convenience I have attached the reworked project from my previous response.
    I hope this helps.

    Regards,
    Fiko
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top