I have modified a copy of the LightBox demo. I have three LightBox controls on the page, each includes an item template with RadPageView set to a specific ContentUrl value. The actual URLs are identical, except for one parameter, which in this case are "about", "help" and "user".
I am not sufficiently familiar with client-side code, but I am pretty sure that the click events for the RadButtons could be modified to pass a parameter so that the URL parameter on RadPageView could be set, thus eliminating the need for three distinct LightBoxes. (because I might need a dozen more variations)
I am not sufficiently familiar with client-side code, but I am pretty sure that the click events for the RadButtons could be modified to pass a parameter so that the URL parameter on RadPageView could be set, thus eliminating the need for three distinct LightBoxes. (because I might need a dozen more variations)
<
script
type
=
"text/javascript"
>
function OpenAboutLightBox() {
var lightBox = $find('<%= AboutLightBox.ClientID %>');
lightBox.show();
}
function OpenHelpLightBox() {
var lightBox = $find('<%= HelpLightBox.ClientID %>');
lightBox.show();
}
function OpenUserLightBox() {
var lightBox = $find('<%= UserLightBox.ClientID%>');
lightBox.show();
}
</
script
>
<
telerik:RadLightBox
ID
=
"AboutLightBox"
runat
=
"server"
Width
=
"900px"
Modal
=
"True"
PreserveCurrentItemTemplates
=
"False"
ShowLoadingPanel
=
"False"
ViewStateMode
=
"Disabled"
Height
=
"460px"
>
<
ClientSettings
>
<
AnimationSettings
NextAnimation
=
"CollapsingHorizontalStripes"
PrevAnimation
=
"VerticalResize"
ShowAnimation
=
"Resize"
>
</
AnimationSettings
>
</
ClientSettings
>
<
Items
>
<
telerik:RadLightBoxItem
>
<
DescriptionTemplate
>
<
div
style
=
"visibility:hidden;"
></
div
>
</
DescriptionTemplate
>
<
ItemTemplate
>
<
div
style
=
"padding: 0px; margin: 0px; overflow: hidden; position: relative;"
>
<
telerik:RadMultiPage
ID
=
"RadMultiPage_About"
runat
=
"server"
SelectedIndex
=
"0"
>
<
telerik:RadPageView
ID
=
"RadPageView_About"
runat
=
"server"
ContentUrl
=
"minimal_about.aspx"
Height
=
"460"
Width
=
"900"
>RadPageView</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
</
div
>
</
ItemTemplate
>
</
telerik:RadLightBoxItem
>
</
Items
>
</
telerik:RadLightBox
>