this is the code i have and i can't get the loading screen to work could someone help and if i click on the button call btnNext1, it supposes to make other asp controls to visible. this works fine if that item is html control like <input typ...... but this doesn't work if i use servercontrol like <asp:button>..... . so the questions are can you make it so that when i click on the asp controls, it will call javascript function to make visiblity becomes true. and second question is how could i include the
I tried to but it didn't work.. could you help? thank you.
telerik
:RadAjaxManager
and telerick:radajaxloadingpanel
I tried to but it didn't work.. could you help? thank you.
| <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title>Testing Telerik</title> |
| </head> |
| <body style="background-color: #3d766f;"> |
| <form id="Form1" name="myform" runat="server" action="testing.aspx" method="post"> |
| <telerik:RadScriptManager ID="ScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <telerik:RadAjaxManager EnableAJAX="true" ID="RadAjaxManager1" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="Button1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadPanelBar1" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <table id="tableCReports" border="1" cellpadding="0" cellspacing="0" align="center" style="border-color: #3d766f;" width="800px"> |
| <tr> |
| <td style="background-color: #ffffff; padding: 5px;"> |
| <table border="0" cellpadding="0" cellspacing="0" width="800px" align="center"> |
| <tr> |
| <td> |
| <img src="images/header.jpg" border="0" /></td> |
| </tr> |
| <tr> |
| <td height="5px"> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Skin="Outlook" Width="400" Height="500px" ExpandMode="FullExpandedItem" AllowCollapseAllItems="true"> |
| <CollapseAnimation Duration="500" Type="inoutelastic" /> |
| <Items> |
| <telerik:RadPanelItem Text="Company Reports"> |
| <Items> |
| <telerik:RadPanelItem Value="DDLCReport"> |
| <ItemTemplate> |
| <table border="0" cellpadding="7" cellspacing="0"> |
| <tr> |
| <td valign="top"> |
| <asp:DropDownList ID="DDLCompanyReport" runat="server"> |
| </asp:DropDownList> |
| </td> |
| <td> |
| <asp:Button ID="btnNext1" runat="server" Text="Next" /> |
| |
| <asp:Button ID="btnSaveAs" Text="Save As" runat="server" /> |
| <br /> |
| <asp:TextBox ID="txtFileNameSaveas" runat="server" Text="Enter your file name here" Visible="false"></asp:TextBox> |
| <asp:Button runat="server" ID="btnSubmitSave" Text="Save" Visible="false" /> |
| </td> |
| </tr> |
| </table> |
| </ItemTemplate> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem Text="My Reports"> |
| <Items> |
| <telerik:RadPanelItem Value="DDLMReport"> |
| <ItemTemplate> |
| <table border="0" cellpadding="7" cellspacing="0"> |
| <tr> |
| <td valign="top"> |
| <asp:DropDownList ID="DDLMyReports" runat="server"> |
| <asp:ListItem>Grocery Item Movement</asp:ListItem> |
| <asp:ListItem>Norwalk Weekly Sales</asp:ListItem> |
| <asp:ListItem>Grocery Labor</asp:ListItem> |
| </asp:DropDownList> |
| </td> |
| <td valign="top"> |
| <asp:Button ID="btnModifyReport" runat="server" Text="Modify Report" /> |
| <br /> |
| <asp:Button ID="btnBuildNewReport" runat="server" Text="Build New Report" /> |
| </td> |
| <td> |
| </td> |
| </tr> |
| </table> |
| </ItemTemplate> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem Text="Date Range"> |
| <Items> |
| <telerik:RadPanelItem Value="DateRange"> |
| <ItemTemplate> |
| <table border="0" cellpadding="7" cellspacing="0" align="center"> |
| <tr> |
| <td colspan="5"> |
| Date Range</td> |
| </tr> |
| <tr> |
| <td> |
| <asp:RadioButton ID="rbtnDateRange" runat="server" GroupName="rdGroupDateRange" Checked="true" /> |
| </td> |
| <td> |
| Date From</td> |
| <td colspan="2"> |
| <telerik:RadDatePicker ID="CalendarDateFrom" runat="server" Calendar-ShowRowHeaders="false" Skin="Web20"> |
| </telerik:RadDatePicker> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| </td> |
| <td> |
| Date To</td> |
| <td colspan="2"> |
| <telerik:RadDatePicker ID="CalendarDateTo" runat="server" Skin="Web20"> |
| </telerik:RadDatePicker> |
| </td> |
| </tr> |
| <tr> |
| <td colspan="5"> |
| OR</td> |
| </tr> |
| <tr> |
| <td> |
| <asp:RadioButton ID="rbtnOR" runat="server" GroupName="rdGroupDateRange" /> |
| </td> |
| <td> |
| From Week</td> |
| <td align="center"> |
| <asp:DropDownList ID="ddlfromweek" runat="server"> |
| </asp:DropDownList> |
| </td> |
| <td> |
| for year</td> |
| <td> |
| <asp:DropDownList ID="ddlfromyear" runat="server"> |
| </asp:DropDownList> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| </td> |
| <td> |
| To Week</td> |
| <td align="center"> |
| <asp:DropDownList ID="ddltoweek" runat="server"> |
| </asp:DropDownList> |
| </td> |
| <td> |
| for year |
| </td> |
| <td> |
| <asp:DropDownList ID="ddltoyear" runat="server"> |
| </asp:DropDownList> |
| </td> |
| </tr> |
| <tr> |
| <td colspan="5" align="center"> |
| <asp:Button ID="btnNextDaterange" runat="server" OnClientClick="OpenItem('Parameters');return false;" Text="Next" /> |
| </td> |
| </tr> |
| </table> |
| </ItemTemplate> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem Text="Parameters"> |
| <Items> |
| <telerik:RadPanelItem Value="Parameters"> |
| <ItemTemplate> |
| <table border="0" cellpadding="0" cellspacing="0" width="400px" align="center"> |
| <tr> |
| <td colspan="4"> |
| Store(s)</td> |
| </tr> |
| <tr> |
| <td colspan="4"> |
| <asp:CheckBoxList ID="chkboxStores" runat="server" RepeatLayout="Table" RepeatColumns="4" Width="395px" RepeatDirection="Horizontal"> |
| </asp:CheckBoxList> |
| </td> |
| </tr> |
| <tr> |
| <td height="8px"> |
| </td> |
| </tr> |
| <tr> |
| <td colspan="4"> |
| Department(s)</td> |
| </tr> |
| <tr> |
| <td colspan="4"> |
| <asp:CheckBoxList ID="chkboxDepts" runat="server" RepeatLayout="Table" RepeatColumns="4" Width="395px" RepeatDirection="Horizontal"> |
| </asp:CheckBoxList> |
| </td> |
| </tr> |
| <tr> |
| <td height="8px"> |
| </td> |
| </tr> |
| <tr> |
| <td colspan="3" align="center"> |
| <asp:Button ID="RunReport" runat="server" Text="Run Report" /> |
| </td> |
| <td colspan="2" align="left"> |
| <asp:Button ID="ResetForm" runat="server" Text="Reset Form" /> |
| </td> |
| </tr> |
| </table> |
| </ItemTemplate> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelBar> |
| </td> |
| </tr> |
| </table> |
| </td> |
| </tr> |
| </table> |
| <asp:Label ID="NotAuthorized" Text="You are not authorized to view this page." ForeColor="REd" Font-Size="Large" Visible="false" runat="server"></asp:Label> |
| </form> |
| </body> |
| </html> |