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

RadCodeBlock and RadAjaxLoadingPanel integration

1 Answer 78 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Nikos
Top achievements
Rank 1
Nikos asked on 10 Jan 2016, 10:38 AM

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

Sort by
0
Maria Ilieva
Telerik team
answered on 13 Jan 2016, 12:38 PM
Hello Nikos,

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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Ajax
Asked by
Nikos
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Share this question
or