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?
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?
3 Answers, 1 is accepted
0
Hello Fit2Page,
You do not need to use a custom skin. You can hide all elements around the RadWindow object by using this code :
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.
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 |
{ |
visibility: hidden; |
} |
</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.
0
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
answered on 21 Sep 2009, 06:45 AM
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" />
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" />
0
Accepted
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 :
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.
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.