Hi
I am using Radwindow as a modal popup for inline form editing. I have created a wizard, using standard 'asp:panels', inside the ContentTemplate of the Radwindow to break up the form in to smaller chunks. In each asp:panel there is a 'next' and 'back' button which is used to navigate between them. These buttons control server side functions to show/hide the various panels during navigation, and perform some form validation etc. in the background. I need this server side functionality.
I would like the Radwindow to resize the height automatically in each Panel of the wizard (to reflect the content in that panel) and to remain centred in the browser. When I first open the Radwindow it autosizes to the content in the first Panel. However when I click the 'next' button to show the second content panel in the wizard, the height remains stuck at the height of the first Panel - it doesn't resize to the new content height of the second panel.
I have searched around but have not found a similar scenario to auto resize the Radwindow in a wizard Panel navigation. Any ideas?
The Telerik controls are Q3 2010 and it's ASP.NET 3.5. Thanks in advance.
Cheers
Kevin
P.S. I have also added a Div, with a width, in the Radwindow ContentTemplate as it doesn't resize properly without this - is there a more elegant solution so that I can remove this Div ideally? As I said I want to keep theRadwindow width constant - just vary height.
Secondly can I generally use RadAjaxpanel instead of asp:panel in pages? Is there a benefit or overhead to this? Sorry for all the questions but am new to these controls :)
I am using Radwindow as a modal popup for inline form editing. I have created a wizard, using standard 'asp:panels', inside the ContentTemplate of the Radwindow to break up the form in to smaller chunks. In each asp:panel there is a 'next' and 'back' button which is used to navigate between them. These buttons control server side functions to show/hide the various panels during navigation, and perform some form validation etc. in the background. I need this server side functionality.
I would like the Radwindow to resize the height automatically in each Panel of the wizard (to reflect the content in that panel) and to remain centred in the browser. When I first open the Radwindow it autosizes to the content in the first Panel. However when I click the 'next' button to show the second content panel in the wizard, the height remains stuck at the height of the first Panel - it doesn't resize to the new content height of the second panel.
I have searched around but have not found a similar scenario to auto resize the Radwindow in a wizard Panel navigation. Any ideas?
The Telerik controls are Q3 2010 and it's ASP.NET 3.5. Thanks in advance.
Cheers
Kevin
P.S. I have also added a Div, with a width, in the Radwindow ContentTemplate as it doesn't resize properly without this - is there a more elegant solution so that I can remove this Div ideally? As I said I want to keep theRadwindow width constant - just vary height.
Secondly can I generally use RadAjaxpanel instead of asp:panel in pages? Is there a benefit or overhead to this? Sorry for all the questions but am new to these controls :)
<
asp:Button
ID
=
"ButtonAddNew"
Text
=
"Open RadWindow"
runat
=
"server"
CausesValidation
=
"false"
OnClick
=
"ButtonAddNew_Click"
/>
<
telerik:RadWindowManager
ID
=
"RadWindowManager01"
Modal
=
"true"
runat
=
"server"
>
<
Windows
>
</
Windows
>
</
telerik:RadWindowManager
>
<
telerik:RadWindow
ID
=
"RadWindowImageEdit"
InitialBehaviors
=
"Pin"
Skin
=
"Sitefinity"
Width
=
"920"
AutoSize
=
"true"
AutoSizeBehaviors
=
"Height"
EnableEmbeddedSkins
=
"false"
EnableEmbeddedBasestylesheet
=
"false"
Behaviors
=
"Close"
VisibleTitlebar
=
"true"
VisibleStatusbar
=
"false"
KeepInScreenBounds
=
"true"
EnableShadow
=
"false"
VisibleOnPageLoad
=
"False"
Modal
=
"true"
runat
=
"server"
>
<
ContentTemplate
>
<
div
style
=
"width: 867px; padding: 10px;"
>
<
telerik:RadAjaxPanel
ID
=
"RadAjaxPanel2"
runat
=
"server"
>
<
asp:Panel
ID
=
"panel01"
runat
=
"server"
>
<!--Form part 1 content here -->
<
asp:Button
ID
=
"ButtonNext01"
Text
=
"Button1"
ValidationGroup
=
"vgText"
CausesValidation
=
"True"
runat
=
"server"
OnClick
=
"OnClick_ButtonNext01"
/>
</
asp:Panel
>
<
asp:Panel
ID
=
"panel02"
runat
=
"server"
>
<!--Form part 2 content here -->
<
asp:Button
ID
=
"Buttonback02"
ValidationGroup
=
"vgText"
Text
=
"Button2"
CausesValidation
=
"True"
runat
=
"server"
OnClick
=
"OnClick_Buttonback02"
/>
</
asp:Panel
>
</
telerik:RadAjaxPanel
>
</
div
>
</
ContentTemplate
>
</
telerik:RadWindow
>