I have a radwindow being called and its not wanting to have anything to do with staying or opening in a restricted zone for it.
I looked at the Telerik Demo's, and started from there. I followed the demo's and tried modifying the Radwindow to work the way I wanted it and it just doesn't work and I am not sure why or where I am going wrong.
I have tried a couple different things for its restriction zone, but no matter what I have done, it won't stay where I want it.
The window opens on the event, but maximizes to the full screen and not in its zone.
Please pay no mind to the NavigationUrl of the menu, they were just there for testing earlier.
Here is the script for calling the window.
function OpenRadWindow() {
var myWindow = window.radopen(null, "RadWindow Test");
myWindow.center;
myWindow.maximize();
}
and here is my markup
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<div id="container" style="width: 100%; height: 100%">
<table>
<tr>
<td valign="top">
<div id="Nav" style="width: 250px; height: 100%; float: left;">
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" OnClientItemClicking="OnAreaClick">
<Items>
<telerik:RadPanelItem Text="Products" Expanded="true" runat="server">
<Items>
<telerik:RadPanelItem Text="Search Product" />
<telerik:RadPanelItem Text="Add Product" />
<telerik:RadPanelItem Text="Update Product" />
<telerik:RadPanelItem Text="Delete Product" />
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Vendors" Expanded="false" runat="server">
<Items>
<telerik:RadPanelItem Text="Search Vendor" NavigateUrl="BrowseVendors.aspx" />
<telerik:RadPanelItem Text="Add Vendor" NavigateUrl="WebForm3.aspx" />
<telerik:RadPanelItem Text="Update Vendor" />
<telerik:RadPanelItem Text="Delete Vendor" />
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Locations" Expanded="false" runat="server">
<Items>
<telerik:RadPanelItem Text="Search Location" />
<telerik:RadPanelItem Text="Add Location" />
<telerik:RadPanelItem Text="Update Location" />
<telerik:RadPanelItem Text="Delete Location" />
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Receiving" Expanded="false" runat="server">
<Items>
<telerik:RadPanelItem ImageUrl="Images/AddRecord.gif" Text="Search PO" />
<telerik:RadPanelItem ImageUrl="Images/AddRecord.gif" Text="Receive PO" />
</Items>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>
</div>
</td>
<td width="100%">
<div id="RestrictionArea" style="width: 100%; height: 100%; border: 1px solid black; float: left;">
<asp:Panel ID="pnlRestArea" Width="100%" Height="625px" runat="server" BackColor="Gray">
<table>
<tr>
<td id="RZone">
</td>
</tr>
</table>
</asp:Panel>
</div>
</td>
</tr>
</table>
</div>
<div>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
<Windows>
<telerik:RadWindow runat="server" ID="RadWindow1" Height="300px" Width="400px" RestrictionZoneID="RZone">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
</div>
<telerik:RadButton AutoPostBack="false" ID="Button1" runat="server" OnClientClicked="OpenRadWindow" Text="Open RadWindow" />
I had the restriction id in the radwindow properties itself and not where it should have been. It was supposed to be in the radwindowmanager, now its there and working.
Related
I have a form that form has a gridcontrol then when I click column chooser I will add a any column that added column will remove on a gridcontrol when i close the form finally I do not want to lose that added column I hope I can explain what I want to do thank you for everything.
Please follow this example for customizing the columns :
<dx:ASPxGridView ID="grid" ClientInstanceName="grid" runat="server" DataSourceID="CustomersDataSource"
KeyFieldName="CustomerID" Width="100%">
<Columns>
<dx:GridViewDataColumn FieldName="ContactName" VisibleIndex="0" ShowInCustomizationForm="true" />
<dx:GridViewDataColumn FieldName="CompanyName" VisibleIndex="1" ShowInCustomizationForm="true" />
<dx:GridViewDataColumn FieldName="City" VisibleIndex="2" ShowInCustomizationForm="true" />
<dx:GridViewDataColumn FieldName="Region" Visible="false" ShowInCustomizationForm="true" />
<dx:GridViewDataColumn FieldName="Country" VisibleIndex="3" ShowInCustomizationForm="true" />
</Columns>
<Templates>
<PagerBar>
<table width="100%">
<tr>
<td style="width: 50%">
<dx:ASPxGridViewTemplateReplacement ID="Pager" runat="server" ReplacementType="Pager" />
</td>
<td align="right">
<dx:ASPxButton ID="btnCustomizationWindow" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
AutoPostBack="False" Text="Show/Hide Columns" Width="150px" ClientInstanceName="btnCustomizationWindow"
CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css">
<ClientSideEvents Click="btnCustomizationWindow_Click" />
</dx:ASPxButton>
</td>
</tr>
</table>
</PagerBar>
</Templates>
<Settings ShowGroupPanel="True" />
<SettingsLoadingPanel Mode="ShowOnStatusBar" />
<SettingsBehavior EnableCustomizationWindow="true" />
<SettingsCookies CookiesID="CookiesV1" Enabled="True" StoreColumnsVisiblePosition="true"
StoreColumnsWidth="true" StoreFiltering="False" StoreGroupingAndSorting="False"
StorePaging="False" /><%--This will store the column position and visibility--%>
</dx:ASPxGridView>
Script:
<script type="text/javascript">
function btnCustomizationWindow_Click(s, e) {
if(grid.IsCustomizationWindowVisible())
grid.HideCustomizationWindow();
else
grid.ShowCustomizationWindow();
}
</script>
Note:
If you wish to hide some columns for customization set the property :
ShowInCustomizationForm="false"
Hope this helps.
so I got some quite simple markup containing a button inside a Toolbar.
The problem now is, even though the button is "correctly" written to DOM it does not show up.
See this screenshot for details:
would someone mind explaining why setting fixed heights / widths / positions does not bring the button to front and the containing markup elements all have either width=0px; or height=0px;?
Here comes a sample:
<body>
<ext:ResourceManager ID="RM" runat="server" />
<ext:Viewport Layout="BorderLayout" runat="server" ID="InnerView" OverflowY="Scroll">
<Content>
<ext:Button ID="adminswap" runat="server" Text="Admin-Ansicht umschalten" Hidden="false"
AllowDepress="true" MinHeight="16" ToFrontOnShow="true" Visible="true" Icon="ArrowSwitchBluegreen">
<%-- This Guy doesn't show up--%>
</ext:Button>
<ext:Panel runat="server" ID="order" Border="false" OverflowY="Scroll">
<LayoutConfig>
<ext:TableLayoutConfig Columns="3" />
</LayoutConfig>
<Items>
<ext:Panel runat="server" Layout="ColumnLayout" RowSpan="2" Border="false">
<Content>
<p> And here is some Grid-panel, which is of no further interest</p>
</Content>
</ext:Panel>
<ext:Panel ColSpan="2" runat="server" ID="Panel_Instructions" Title="Türöffnung per Telefon"
Width="740" Padding="10" Border="true" AutoHeight="true">
<Content>
<br />
<p>
Some Multiline text containing instructions<br>
this also is of no further interest and just for the sake of the sample<br><br> lorem Ipsum dolor sit amet and stuff...
</p>
</Content>
</ext:Panel>
<ext:Panel runat="server" Width="350" AutoHeight="false" Height="200"
StripeRows="true" TrackMouseOver="true" Border="true">
<Content>
<p>Some Content Grid-Panel</p>
</Content>
</ext:Panel>
<ext:Panel runat="server" ID="Standort_Details" Title="Adresse" Width="370" Padding="10"
AutoHeight="false" Height="200" Border="true">
<Items>
<ext:DisplayField ID="Details_field1" runat="server" FieldLabel="street"
Name="" />
<ext:DisplayField ID="Details_field2" runat="server" FieldLabel="postal code" Name="" />
<ext:DisplayField ID="Details_field3" runat="server" FieldLabel="city" Name="" />
<ext:DisplayField ID="Details_field4" runat="server" FieldLabel="phone" Name="" />
</Items>
</ext:Panel>
<ext:Panel ID="Panel_5" Border="true" Height="460" StyleSpec="vertical-align:top;" ColSpan="3" runat="server">
<Content>
<p> some content control grid-panel</p>
</Content>
</ext:Panel>
</Items>
</ext:Panel>
</Content>
</ext:Viewport>
</body>
A BorderLayout works with regions. You don't specify any regions. To get the Button visible you can just remove the Layout="BorderLayout" of the Viewport.
Here is an example of using a BorderLayout.
I have a two UpdatePanels one UpdatePanel contains the Grid and the other contains data entry. When a user click on a ImageButton within the GridView it will then show to ModalPopupExtender and display the second UpdatePanel. When the user enters the data into the fields under the second UpdatePanel and if they Click the Button Report or Button Cancel I am Forcing the postback on both buttons. The problem is if the user goes back in and click on the different row on the page the data under the UpdatePanel2 is not Cleared all data remains from the first row clicked... I have tried UpdatePanel1.Update(), UpdatePanel2.Update() full page PostBack nothing works. The only thing that works is if I do Response.Redirect back to itself. But I am trying to avoid doing that and also trying to avoid clearing fields back to nothing with the .cs code. Wondering if there is a way to postback and clear all the fields under the UpdatePanel2. Thanks for your help in advance.
<asp:UpdatePanel ID="upGrid" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div>
<span id="lblTab" runat="server" style=" font-weight:bold; font-size:larger">All Published Reports</span>
<br />
<asp:GridView
ID="gvReports"
runat="server"
CssClass="gridview"
RowStyle-CssClass="gridview_itm"
AlternatingRowStyle-CssClass="gridview_aitm"
HeaderStyle-CssClass="gridview_hdr"
PagerStyle-CssClass="gridview_pgr"
AutoGenerateColumns="False"
Width="100%" onrowcommand="gvReports_RowCommand">
<Columns>
<asp:TemplateField HeaderText="Name">
<ItemTemplate>
<asp:LinkButton ID="btnReport" runat="server" CommandName="Report" CommandArgument='<%#Eval("n_ReportFileName")%>' Text='<%#Eval("n_Name")%>' CausesValidation="false"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Name">
<ItemTemplate>
<%#Eval("n_Description")%>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="Button1" PopupControlID="ReportParameterPanel" BackgroundCssClass="modalBackground" DropShadow="True">
</asp:ModalPopupExtender>
<asp:Button ID="Button1" runat="server" Text="Button" style="visibility:hidden"/>
<asp:Panel ID="ReportParameterPanel" runat="server" Height="375px"
Width="700px" BackColor="#f4de90"
HorizontalAlign="Center" BorderColor="#666666" BorderStyle="Outset"
BorderWidth="5px">
<table style="height: 50px; width: 685px; text-align: left">
<span id="lblReportName" runat="server" style="font-weight:bold; font-size:larger"></span>
<tr>
<td align="left" style="padding-left: 5px; width: 335px;" valign="top">
<span id="StarDateStar" runat="server" style="color: Red">*Optional </span><span id="lblStartDate" runat="server">Start Date: </span>
<asp:TextBox ID="tbStartDate" runat="server"></asp:TextBox>
<asp:ImageButton ID="imgCalendar" runat="server" ImageUrl="~/App_Themes/Sugar2006/images/Calendar_scheduleHS.png" ImageAlign="Middle" />
<asp:CalendarExtender ID="ceStartDate" runat="server" TargetControlID ="tbStartDate" PopupButtonID="imgCalendar" />
<asp:MaskedEditExtender ID="mexStartDate" runat="server"
TargetControlID="tbStartDate"
Mask="99/99/9999"
MaskType="Date"
MessageValidatorTip="true"
OnFocusCssClass="MaskedEditFocus"
OnInvalidCssClass="MaskedEditError" />
<br />
<asp:MaskedEditValidator ID="mevStartDate" runat="server"
ControlToValidate="tbStartDate"
ControlExtender="mexStartDate"
Display="Dynamic"
InvalidValueMessage="This date is invalid!" Font-Bold="True"
ForeColor="#D50000" ValidationGroup="vgMyGroup" />
</td>
<td align="left" style="padding-right: 5px; padding-bottom: 5px; width: 350px;" valign="top">
<span id="EndDateStar" runat="server" style="color: Red">*Optional </span><span id="lblEndDate" runat="server">End Date: </span>
<asp:TextBox ID="tbEndDate" runat="server"></asp:TextBox>
<asp:ImageButton ID="imgCalendar2" runat="server" ImageUrl="~/App_Themes/Sugar2006/images/Calendar_scheduleHS.png" ImageAlign="Middle" />
<asp:CalendarExtender ID="ceEndDate" runat="server" TargetControlID ="tbEndDate" PopupButtonID="imgCalendar2" />
<asp:MaskedEditExtender ID="mexEndDate" runat="server"
TargetControlID="tbEndDate"
Mask="99/99/9999"
MaskType="Date"
MessageValidatorTip="true"
OnFocusCssClass="MaskedEditFocus"
OnInvalidCssClass="MaskedEditError" />
<br />
<asp:MaskedEditValidator ID="mevEndDate" runat="server"
ControlToValidate="tbEndDate"
ControlExtender="mexEndDate"
Display="Dynamic"
InvalidValueMessage="This date is invalid!" Font-Bold="True"
ForeColor="#D50000"
ValidationGroup="vgMyGroup" />
</td>
</tr>
</table>
<table style="height: 25px; width: 685px; text-align: left">
<tr>
<td align="left" style="padding-left: 5px; width: 335px;" valign="top">
<span id="lblOperator" runat="server">Operator:</span>
<asp:DropDownList ID="Parameters" runat="server" style="margin-left: 73px">
<asp:ListItem Selected="True"><</asp:ListItem>
<asp:ListItem>></asp:ListItem>
<asp:ListItem>=</asp:ListItem>
<asp:ListItem>Completed</asp:ListItem>
<asp:ListItem>Not Completed</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
</table>
<asp:RadioButtonList ID="GroupingList" runat="server" Height="25px"
RepeatDirection="Horizontal"
AutoPostBack="true" onselectedindexchanged="GroupingList_SelectedIndexChanged"
CausesValidation="true" ValidationGroup="vgMyGroup" />
<table style="height: 25px; width: 685px; text-align: left">
<tr id="rowEntitySelectionLabels" runat="server">
<td style="padding-left: 3px; height: 16px; width: 300px;">
<asp:Label ID="GroupItemInputLabel" runat="server" />
</td>
<td style="height: 16px; width: 48px;">
</td>
<td style="height: 16px; width: 300px;">
<asp:Label ID="GroupItemsListInputLabel" runat="server" />
</td>
</tr>
<tr id="rowEntitySelections" runat="server">
<td valign="top" style="padding-left: 3px; height: 100px; width: 300px;">
<asp:ListBox ID="GroupItemInput" runat="server" Width="300px" Height="150px"
SelectionMode="multiple" BackColor="White" ForeColor="Black" />
</td>
<td align="center" valign="top" style="height: 100px; width: 50px;">
<br />
<asp:ImageButton ID="btnAddItem"
ImageUrl="~/App_Themes/Sugar2006/images/Actions-arrow-right-icon.png" runat="server"
OnClick="btnAddItem_Click" Height="18px" Width="25px"
ToolTip="Adds the Selected <Item>." CausesValidation="true" ValidationGroup="vgMyGroup" /><br />
<asp:ImageButton ID="btnAddAllItems"
ImageUrl="~/App_Themes/Sugar2006/images/Actions-arrow-right-double-icon.png" runat="server"
OnClick="btnAddAllItems_Click" Height="18px" Width="25px"
ToolTip="Adds all of the <Items>." CausesValidation="true" ValidationGroup="vgMyGroup" /><br />
<br /><br />
<asp:ImageButton ID="btnRemoveItem"
ImageUrl="~/App_Themes/Sugar2006/images/Actions-arrow-left-icon.png" runat="server"
OnClick="btnRemoveItem_Click" Height="18px" Width="25px"
ToolTip="Removes the Selected <Item>." CausesValidation="true" ValidationGroup="vgMyGroup" /><br />
<asp:ImageButton ID="btnRemoveAllItems"
ImageUrl="~/App_Themes/Sugar2006/images/Actions-arrow-left-double-icon.png" runat="server"
OnClick="btnRemoveAllItems_Click" Height="18px" Width="25px"
ToolTip="Removes all of the <Items>." CausesValidation="true" ValidationGroup="vgMyGroup" />
</td>
<td valign="top" style="height: 100px; width: 300px;" id="TD1">
<asp:ListBox ID="GroupItemsList" runat="server" Width="300px" Height="150px"
SelectionMode="multiple" BackColor="White" ForeColor="Black" />
</td>
</tr>
</table>
<asp:Button ID="btnClose" runat="server" Text="Close" CssClass="btn" onclick="btnClose_Click" CausesValidation="false" />
<asp:Button ID="btnSend" runat="server" Text="Report" CssClass="btn" OnClick="btnSend_Click" Enabled="false" CausesValidation="true" ValidationGroup="vgMyGroup" />
</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="btnSend" />
<asp:PostBackTrigger ControlID="btnClose" />
</Triggers>
</asp:UpdatePanel>
</div>
</ContentTemplate>
</asp:UpdatePanel>
Try setting the UpdatePanel.UpdateMode Property to Conditional
<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
<!-- other stuff -->
</asp:UpdatePanel>
The child update panel will only refresh its children, not its parent, if the update mode is not set to conditional.
And here are a few more ways of updating update panels:
http://lisazhou.wordpress.com/2008/01/07/update-panel-different-ways-of-triggering-udates/
I've tried this :
<div id="xDiv" align="left">
<div id="divX" runat="server" style="margin-left:40px; width: 650px;"
align="center">
<asp:Menu ID="Menu3" runat="server" Orientation="Horizontal" Width="100%"
StaticSelectedStyle-CssClass="StaticSelectedStyle" Height="52px"
StaticSubMenuIndent="18px" oninit="Menu3_Init">
<StaticSelectedStyle CssClass="StaticSelectedStyle"></StaticSelectedStyle>
<Items>
<asp:MenuItem Text="Test" />
</Items>
</asp:Menu>
</div>
<div runat="server">
<asp:DropDownList ID="DropDownList3" runat="server"
DataSourceID="SqlDataSource1" DataTextField="RepGroup_Name"
DataValueField="RepGroup_ID" Width="162px">
</asp:DropDownList>
</div>
</div>
but it puts DropDownList not to the end of line , it puts it on a new line.
You need to a simple Css Class as follows:
.Menu
{
display: inline-block;
}
<asp:Menu ID="Menu1" runat="server" CssClass="Menu" />
<asp:DropDownList ID="DropDownList1" runat="server" />
Update
<div id="xDiv" align="left">
<div id="divX" runat="server" style="margin-left: 40px; width: 650px; float: left;" align="center">
<asp:Menu ID="Menu3" runat="server" Orientation="Horizontal" Width="100%" StaticSelectedStyle-CssClass="StaticSelectedStyle"
Height="52px" StaticSubMenuIndent="18px">
<StaticSelectedStyle CssClass="StaticSelectedStyle"></StaticSelectedStyle>
<Items>
<asp:MenuItem Text="Test" />
</Items>
</asp:Menu>
</div>
<div id="Div1" runat="server" style="float: left;">
<asp:DropDownList ID="DropDownList3" runat="server" Width="162px">
<asp:ListItem Text="Item1" Value="Item1" />
</asp:DropDownList>
</div>
</div>
I'm having an intermittent problem with the CollapsiblePanelExtender.
The way we are using them is to wrap it around a gridview, so that only the header-row is displayed(which contains a checkbox for select all) while collapsed. The page always load as collapsed.
about 95% of the time, this will work perfectly fine, however, once in a while the cpe loads with the right height set, but display:none as style instead of display:block.
This results in the panel being fully "collapsed". It's still possible to extend it, and when you subsequently collapse it, it works as intended.
Have anyone else experienced the same kind of issues with CPE?
Main usercontrol:
<%# Control Language="C#" AutoEventWireup="true" CodeFile="FlightFareExplorer.ascx.cs"
Inherits="UserControls_Rowfilters_FlightFareExplorer" %>
<%# Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%# Register Src="FareBasis.ascx" TagName="FareBasis" TagPrefix="uc4" %>
<%# Register Src="Flight.ascx" TagName="Flight" TagPrefix="uc3" %>
<%# Register Assembly="BusyBoxDotNet" Namespace="BusyBoxDotNet" TagPrefix="busyboxdotnet" %>
<busyboxdotnet:BusyBox ID="bsbWait" runat="server" Position="Center" ShowBusyBox="Custom"
Image="Custom" OverlayOpacity="25" ImageUrl="/Images/Misc/logo_anim.gif" Text="Your query is currently being processed" />
<asp:UpdatePanel ID="upHeader" ChildrenAsTriggers="false" UpdateMode="Conditional"
runat="server">
<ContentTemplate>
<cc1:AnimationExtender runat="server" ID="aeTest" TargetControlID="pnlMenu">
<Animations>
<OnClick>
<Sequence>
<StyleAction AnimationTarget="pnlSettings" attribute="display" value="none" />
<StyleAction AnimationTarget="pnlSettings" attribute="zIndex" value="-100" />
<StyleAction AnimationTarget="pnlMenu" attribute="display" value="none" />
</Sequence>
</OnClick>
</Animations>
</cc1:AnimationExtender>
<cc1:AnimationExtender runat="server" ID="AnimationExtender1" TargetControlID="pnlHeader">
<Animations>
<OnClick>
<Sequence>
<StyleAction AnimationTarget="pnlMenu" attribute="display" value="block" />
<StyleAction AnimationTarget="pnlSettings" attribute="zIndex" value="1000" />
<StyleAction AnimationTarget="pnlSettings" attribute="display" value="inline" />
</Sequence>
</OnClick>
</Animations>
</cc1:AnimationExtender>
<div style="height: 18px; overflow: hidden;">
<div onclick="__doPostBack('<%= upFlightFare.ClientID %>', 'Open');">
<asp:Panel runat="server" ID="pnlHeader" CssClass="boxDataHead" Width="100%" onmouseover="document.body.style.cursor='pointer';"
onmouseout="document.body.style.cursor='default';">
<asp:Label runat="server" ID="lblHeader">Flight/Fare Details</asp:Label>
<asp:Image runat="server" ID="imgCollapsed" ImageUrl="~/Images/Misc/Pil_h_7x7_wh_bggreen.gif" />
</asp:Panel>
</div>
<div onclick="__doPostBack('<%= upFlightFare.ClientID %>', 'Close');">
<asp:Panel runat="server" ID="pnlMenu" CssClass="boxDataHead float" Width="100%"
onmouseover="document.body.style.cursor='pointer';" onmouseout="document.body.style.cursor='default';">
<asp:Label runat="server" ID="lblMenu">Flight/Fare Details(Click here to close)</asp:Label>
<asp:Image runat="server" ID="imgExpanded" ImageUrl="~/Images/Misc/Pil_ned_7x7_wh_bggreen.gif" />
</asp:Panel>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:Panel runat="server" ID="pnlSettings" CssClass="FFE">
<asp:UpdateProgress ID="upExplorer" runat="server" AssociatedUpdatePanelID="upFlightFare"
DisplayAfter="50">
<ProgressTemplate>
<table border="0">
<tr>
<td rowspan="2">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Misc/logo_anim.gif" />
</td>
<td>
<p style="margin: 15px 10px 0px; font-weight: bold; font-style: normal; font-size: 11pt;
font-family: Verdana; color: black;">
Please wait</p>
</td>
</tr>
<tr>
<td>
<p id="ctl00_cntMain_ucAnalysisSettings_bsbWaitText" style="margin: 20px 10px 15px;
font-weight: normal; font-style: normal; font-size: 8pt; font-family: Verdana;
color: black;">
Your query is currently being processed</p>
</td>
</tr>
</table>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel runat="server" ID="upFlightFare">
<ContentTemplate>
<cc1:AnimationExtender runat="server" ID="AnimationExtender2" TargetControlID="btnResetSelection">
<Animations>
<OnClick>
<Sequence>
<StyleAction AnimationTarget="pnlSettings" attribute="display" value="none" />
<StyleAction AnimationTarget="pnlSettings" attribute="zIndex" value="-100" />
<StyleAction AnimationTarget="pnlMenu" attribute="display" value="none" />
</Sequence>
</OnClick>
</Animations>
</cc1:AnimationExtender>
<cc1:AnimationExtender runat="server" ID="AnimationExtender3" TargetControlID="btnClose">
<Animations>
<OnClick>
<Sequence>
<StyleAction AnimationTarget="pnlSettings" attribute="display" value="none" />
<StyleAction AnimationTarget="pnlSettings" attribute="zIndex" value="-100" />
<StyleAction AnimationTarget="pnlMenu" attribute="display" value="none" />
</Sequence>
</OnClick>
</Animations>
</cc1:AnimationExtender>
<div class="boxDataFullCtrl">
<div style="text-align: right">
<asp:Button ID="btnUpdate" runat="server" Text="Save & Update" OnClick="btnUpdate_Click"
ToolTip="Saves your current selection and requeries the database" CssClass="ctrl ctrlABtnL" />
<asp:Button ID="btnResetSelection" runat="server" Text="Reset" OnClick="btnResetSelection_Click"
ToolTip="Resets all filters and closes the window" CssClass="ctrl ctrlABtn" />
<asp:Button ID="btnClose" runat="server" Text="Close" ToolTip="Closes the window without saving your changes"
CssClass="ctrl ctrlABtn" />
</div>
<table border="0">
<tr>
<td valign="top">
<uc3:Flight ID="ucFlightOutFilter" runat="server" ReturnFlights="false" SessionKey="Out" />
<br />
<uc4:FareBasis ID="ucFareBasisOutFilter" runat="server" ReturnFares="false" SessionKey="Out" />
</td>
<td valign="top">
<uc3:Flight ID="ucFlightHomeFilter" runat="server" ReturnFlights="true" SessionKey="Home" />
<br />
<uc4:FareBasis ID="ucFareBasisHomeFilter" runat="server" ReturnFares="true" SessionKey="Home" />
</td>
</tr>
</table>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="btnUpdate" />
</Triggers>
</asp:UpdatePanel>
</asp:Panel>
Embedded usercontrol:
<%# Control Language="C#" AutoEventWireup="true" CodeFile="Flight.ascx.cs" Inherits="UserControls_FlightFilter" %>
<%# Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<table border="0" cellpadding="3">
<tr>
<td style="background-color: #F8F8F8;">
<cc1:CollapsiblePanelExtender runat="server" ID="cpeFlights" TargetControlID="pnlFlightsContent"
CollapsedSize="0" Collapsed="false" ExpandControlID="pnlFlightsHeader" CollapseControlID="pnlFlightsHeader"
ExpandDirection="Vertical" ImageControlID="imgHeaderExpand" CollapsedImage="~/Images/Misc/plus.gif"
ExpandedImage="~/Images/Misc/minus.gif" SuppressPostBack="true" />
<asp:Panel ID="pnlFlightsHeader" runat="server">
<asp:ImageButton ID="imgHeaderExpand" CommandName="Expand" runat="server" ImageUrl="~/Images/Misc/plus.gif" />
<asp:Label ID="lblHeader" runat="server" Style="font-weight: bold;">Flights</asp:Label>
</asp:Panel>
<asp:Panel ID="pnlFlightsContent" runat="server">
<asp:Label ID="lblNoDataWarning" runat="server" CssClass="ctrl err" Visible="false">We we're unable to locate any flights for your current search parametres.</asp:Label>
<asp:Repeater runat="server" ID="rptFlights" OnItemDataBound="rptFlights_ItemDataBound">
<ItemTemplate>
<cc1:CollapsiblePanelExtender runat="server" ID="cpeGrid" TargetControlID="pnlFlight"
CollapsedSize="22" Collapsed="true" ExpandControlID="pnlOpenClose" CollapseControlID="pnlOpenClose"
ExpandDirection="Vertical" ImageControlID="imgExpand" CollapsedImage="~/Images/Misc/plus.gif"
ExpandedImage="~/Images/Misc/minus.gif" SuppressPostBack="true" />
<asp:PlaceHolder runat="server" ID="plhCarrier" Visible="false">
<asp:Panel runat="server" ID="pnlOpenClose">
<asp:Label runat="server" ID="lblCount" Style="float: right; padding-right: 4px;
color: #008800; font-weight: bold;"></asp:Label>
<div id="spnWeekHeader" class="tblHead" style="width: 207px; font-size: 11px; font-weight: bold;
border: solid 1px black; border-bottom: 0px;" runat="server">
<asp:ImageButton ID="imgExpand" CommandName="Expand" runat="server" ImageUrl="~/Images/Misc/plus.gif" />
<asp:Label runat="server" ID="lblrepeater">TEST</asp:Label>
</div>
</asp:Panel>
<asp:Panel runat="server" ID="pnlFlight" Height="22px" Style="overflow: hidden;">
<asp:GridView ID="gdvFlights" runat="server" AutoGenerateColumns="false" OnRowDataBound="gdvFlights_RowDataBound"
OnDataBound="gdvFlights_DataBound" CssClass="tbl ctrl">
<RowStyle BorderColor="black" BorderWidth="1px" BorderStyle="Solid" />
<AlternatingRowStyle CssClass="altRow" />
<HeaderStyle CssClass="tblHead" Wrap="true" />
<Columns>
<asp:TemplateField HeaderStyle-CssClass="tblHeadAdv" ItemStyle-HorizontalAlign="Center">
<HeaderTemplate>
<asp:CheckBox ID="chkSelectAllFlight" runat="server" Checked="false" AutoPostBack="false" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelectFlight" runat="server" Checked="false" AutoPostBack="false" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="FlightNo" HeaderText="Flight Number" HeaderStyle-CssClass="tblHeadAdv"
ItemStyle-HorizontalAlign="Center" />
<asp:BoundField DataField="Origin" HeaderText="Origin" HeaderStyle-CssClass="tblHeadAdv"
ItemStyle-HorizontalAlign="Center" />
<asp:BoundField DataField="Destination" HeaderText="Destination" HeaderStyle-CssClass="tblHeadAdv"
ItemStyle-HorizontalAlign="Center" />
<asp:BoundField DataField="POS" HeaderText="POS" HeaderStyle-CssClass="tblHeadAdv"
ItemStyle-HorizontalAlign="Center" />
<asp:BoundField DataField="Carrier" HeaderText="Carrier" HtmlEncode="false" HeaderStyle-CssClass="tblHeadAdv"
ItemStyle-HorizontalAlign="Center" />
<asp:BoundField HeaderText="Dep. time" DataField="DepartureTime" HtmlEncode="false"
HeaderStyle-CssClass="tblHeadAdv" ItemStyle-HorizontalAlign="Center" />
<asp:BoundField DataField="StopOver" HeaderText="Via" HeaderStyle-CssClass="tblHeadAdv"
ItemStyle-HorizontalAlign="Center" />
</Columns>
</asp:GridView>
</asp:Panel>
</asp:PlaceHolder>
<br />
</ItemTemplate>
</asp:Repeater>
</asp:Panel>
</td>
</tr>
</table>