Hello to the forum!
I am new to Telerik but also to .NET framework, coming from a Java tech. background ... so i am the same moment implementing but also learning.
Fortunately both .NET framework and tools but also Telerik UI for ASP.NET AJAX are quite handy and easy to understand and use.
My issue description is the following:
I am building a complex webform .aspx page with quite alot of telerik controls (radhtmlcharts mainly, radcodeblocks, radtbs etc.). I have also a radbutton "Refresh", using which i am passing some parameters to vb page code and recalculate and redraw (ajaxmanager, ajaxloadingpanel) several elements. I use this technique to redraw all my charts inside an ajaxloading panel however i can not use an ajax loading panel to redraw some page parts (code variables) that are inside RadCodeBlocks.
Code inside RadCodeBlocks is executed and all variables are calculated upon button submission, what i am trying to achieve is to have the ajax loading icon/effects to be display over my RadCodeBlocks. You can see exactly what i mean if you check the screenshot attached.
Here is some relevant code from the .aspx page:
<%@ Page Language="VB" AutoEventWireup="true" CodeFile="CorporateView2.aspx.vb" Inherits="CorporateView2" %><%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %><body> <form id="form1" runat="server"> ....<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="RadButton1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadHtmlChartAllExamsCountry" LoadingPanelID="AjaxLoadingPanel1" /><telerik:AjaxUpdatedControl ControlID="RadCodeBlock1" LoadingPanelID="AjaxLoadingPanel1" /></telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" Skin="BlackMetroTouch"> </telerik:RadAjaxLoadingPanel><div class="container"><div class="boxed one"> <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> <div class="title">Total Number of Exams</div> <div class="maincon"> <%= TotalNumberOfExams %> </div> <div class="sub">On pace for 9898</div> <div class="progress">+3.2%</div> </telerik:RadCodeBlock> </div><div class="col3"> <telerik:RadHtmlChart runat="server" ID="RadHtmlChartAllExamsCountry" Skin="Black" Height="270"> <Appearance> <FillStyle BackgroundColor="#262626"></FillStyle> </Appearance> <ChartTitle Text="Total Number of Exams"> <Appearance> <TextStyle Color="#7f7f7f" FontSize="18" FontFamily="Arial,sans-serif" Margin="5 0 0 0" Padding="0" Bold="true" Italic="false" /> </Appearance> </ChartTitle> <Legend> <Appearance Position="Bottom" Align="Center" Visible="true" OffsetY="0"> <TextStyle Color="#8f8686" Padding="0" Margin="0" /> </Appearance> </Legend> <PlotArea> <Series> <telerik:DonutSeries Name="Country" DataFieldY="ProtocolsCountPerc" StartAngle="90" NameField="Country"> <TooltipsAppearance DataFormatString="{0:0,0.0}%" /> <LabelsAppearance Visible="true" DataFormatString="{0}" Color="#ffffff" DataField="ProtocolsCount" /> <Appearance FillStyle-BackgroundColor="#336ca6" Overlay-Gradient="Glass"></Appearance> </telerik:DonutSeries> </Series> <YAxis> </YAxis> </PlotArea> </telerik:RadHtmlChart> </div>Is it possible to have the ajax loading effects (icon etc.) over my RadCodeBlock? Do i have to use another telerik control to display variables from my vb code page or some other code blocks?
Thanks!
1 Answer, 1 is accepted
You can try wrapping the div's in the RadCodeBlock into regular asp Panel control and add this Panel into the RadAjaxManager settings with the corresponding Loading Panel in the setting.
Give this a try and see how ti goes.
Regards,
Maria Ilieva
Telerik