Hi Team,

I have to design a Reports page. Using Rad Docks & Rad Tabs. Requirements given below

     
Report Page contains Different Set of Dynamically created User controls. Normally User can add controls from Menu.

User controls in the Reports page can be shown in Two Views. User have a button to switch/change the view.

1) Windows view [ Contains Two Zones, User can dock the controls from One Zone to Other Zone]
2) Tab View [Tabs and Tab pages]

User Can Switch between the views at any time.
- While in Windows View, user can click on “Tabs View” and Tabs page will open with same reports as in Windows view.
- While in Tabs View, user can click on “Windows View” and Windows page will open with same reports as in Tabs view.

User can save the report. Just we will update the User Control Names, Position and ZOne number and other values in the database.

When User Switches from Windows to Tab.. same controls with user selected data should be displayed in the form of Tabs.

When user switches to Tab to Windows.. half of the controls added to first zone and the remaining to second zone.

Note: These controlled are created dynamically

My Approch:

I created two aspx pages one for Windows view and other for Tabs View.
Using Cookies when user switches the view , I am re-creating the same controls in the other page with selected data. vice versa.
But I could not populate the selected data .. But my Client does not want this approch.

He wants it to be done in One page.

His approch is like, One panel for Tabs View and Other Panel for Windows View.
When User switches the view , I have to add all the controls one panel to other panel .. Vice versa.

Please help me how to do this with a good example ? Also please let me know you have any other alternatives.

Thanks in Advance
Nag

@ Control Language="VB" AutoEventWireup="false" CodeFile="exAcctContractPricing.ascx.vb" Inherits="exAcctContractPricing" %>

<%

@ Register Assembly="Infragistics2.WebUI.WebDateChooser.v6.3, Version=6.3.20063.1059, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.WebSchedule" TagPrefix="igsch" %>

<%

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%

@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<%

@ Register Assembly="Infragistics2.WebUI.WebDataInput.v6.3, Version=6.3.20063.1059, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.WebDataInput" TagPrefix="igtxt" %>

<%

@ Register TagPrefix="igmisc" Namespace="Infragistics.WebUI.Misc" Assembly="Infragistics2.WebUI.Misc.v6.3, Version=6.3.20063.1059, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" %>

script language="javascript" type="text/javascript">

function (){

window.setTimeout(

function() {SetDatePickers();},200)

}

function SetDatePickers() {

// get out if is in view mode

if( document.getElementById('<%= txtIsViewMode.ClientId %>').value == 'True' )return null;

setYearMonthPicker($find(

"<%= dpEffectiveDateContractPricing.ClientID %>"), $find('<%= rcCurrentMonth.ClientId %>').get_selectedDate());

setYearMonthPicker($find(

"<%= dpContractPricingExpireDate.ClientID %>"), $find('<%= rcCurrentMonthPlusAYear.ClientId %>').get_selectedDate());

//this doesn't help the popup show

showdatepicker($find("<%= dpEffectiveDateContractPricing.ClientID %>"))

showdatepicker($find(

"<%= dpContractPricingExpireDate.ClientID %>"))

}

<

asp:Panel ID="pnlAcctContractDates" runat="server">

<table border="0" cellpadding="0" cellspacing="0" style="width: 475px">

<tr>

<td style="vertical-align: top; text-align: left">

<div style="padding-top: 3px; padding-bottom: 7px">

<asp:Panel ID="pnlContractPricingEffectiveDate" runat="server" GroupingText="Effective Date" Width="150px">

<div style="padding: 6px; height: 95px">

<div style="padding-left: 7px; padding-bottom: 5px; height: 20px">

<telerik:RadDatePicker ID="dpEffectiveDateContractPricing" runat="server" Width="80px" DateInput-EmptyMessage="N/A" SharedCalendarID="sharedCalendar">

<DateInput ID="DateInput8" runat="server" DisplayDateFormat="MM/yyyy" SelectionOnFocus="SelectAll" EmptyMessage="N/A" InvalidStyleDuration="100">

</DateInput>

<DatePopupButton ToolTip="" />

</telerik:RadDatePicker>

</div>

</div>

</asp:Panel>

</div>

</td>

<td style="vertical-align: top; text-align: left">

<div style="padding-top: 3px; padding-bottom: 7px">

<asp:Panel ID="pnlContractPricingExpire" runat="server" GroupingText="Expiration" Width="300px">

<div style="padding: 6px; height: 95px; text-align: left">

<asp:RadioButtonList ID="rblContractPricingExpire" runat="server" RepeatDirection="Vertical" TabIndex="99">

<asp:ListItem Value="0">Never Expires</asp:ListItem>

<asp:ListItem Value="1">Expires</asp:ListItem>

</asp:RadioButtonList>

<div style="padding-left: 7px; padding-top: 5px; height: 20px">

<asp:Panel ID="pnldpContractPricingExpireDate" runat="server">

<asp:Label runat="server" ID = "ContractPriceExpireDate" >after the close of:</asp:Label>

<%

-- Note that I am trying to get the button to display but adding the last parameter did not help my cause

--

%> <telerik:RadDatePicker ID="dpContractPricingExpireDate" runat="server" Width="80px" DateInput-EmptyMessage="N/A" SharedCalendarID="sharedCalendar" DateInput-ShowButton = "true">

<DateInput ID="DateInput9" runat="server" DisplayDateFormat="MM/yyyy" SelectionOnFocus="SelectAll" EmptyMessage="N/A" InvalidStyleDuration="100">

</DateInput>

<DatePopupButton ToolTip="" />

</telerik:RadDatePicker>

</asp:Panel>

</div>

</div>

</asp:Panel>

</div>

</td>

</tr>

</table>

</asp:Panel>

httpRuntime maxRequestLength="11000" executionTimeout="3600" />

telerik:RadEditor ID="RadEditor1" MaxDocumentSize="11000000" Runat="server" >

<

Content>

</

Content>

<

Languages>

<telerik:SpellCheckerLanguage Code="en-US" Title="English" />

</

Languages>

</

telerik:RadEditor>

private void GoToNextItem()

{

int selectedIndex = RadPanelBar1.SelectedItem.Index;

RadPanelBar1.Items[selectedIndex + 1].Selected = true;

RadPanelBar1.Items[selectedIndex + 1].Expanded = true;