RadCodeBlock and RadAjaxLoadingPanel integration

2 posts, 0 answers
  1. Nikos
    Nikos avatar
    8 posts
    Member since:
    Sep 2015

    Posted 10 Jan Link to this post

    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" %>
        <form id="form1" runat="server">
     <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                    <telerik:AjaxSetting AjaxControlID="RadButton1">
                            <telerik:AjaxUpdatedControl ControlID="RadHtmlChartAllExamsCountry" LoadingPanelID="AjaxLoadingPanel1" />
     <telerik:AjaxUpdatedControl ControlID="RadCodeBlock1" LoadingPanelID="AjaxLoadingPanel1" />
            <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" Skin="BlackMetroTouch">
    <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 class="sub">On pace for 9898</div>
                                    <div class="progress">+3.2%</div>
     <div class="col3">
                         <telerik:RadHtmlChart runat="server" ID="RadHtmlChartAllExamsCountry"  Skin="Black" Height="270">
                                <FillStyle BackgroundColor="#262626"></FillStyle>
                            <ChartTitle Text="Total Number of Exams">
                                    <TextStyle Color="#7f7f7f" FontSize="18" FontFamily="Arial,sans-serif" Margin="5 0 0 0" Padding="0" Bold="true" Italic="false" />
                                <Appearance Position="Bottom" Align="Center" Visible="true" OffsetY="0">
                                    <TextStyle Color="#8f8686" Padding="0" Margin="0" />
                                        <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>

     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?



  2. Maria Ilieva
    Maria Ilieva avatar
    4017 posts

    Posted 13 Jan Link to this post

    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.

    Maria Ilieva
    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
  3. DevCraft R3 2016 release webinar banner
Back to Top