This is a migrated thread and some comments may be shown as answers.

adding loading screen when postback

0 Answers 55 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
appdev
Top achievements
Rank 1
appdev asked on 18 Oct 2008, 06:40 PM
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 

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" /> 
                                                                    &nbsp;  
                                                                    <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> 
 

 

 

No answers yet. Maybe you can help?

Tags
PanelBar
Asked by
appdev
Top achievements
Rank 1
Share this question
or