Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,814 questions
1 answer
1.0K+ views
Updated Telerik Web UI version - breaks

We have a very old ASP.NET web forms website and it was using a 6+ year old version of the Telerik Web UI controls.

In aid of resolving one of our issues where the calendar control "jumps" randomly when creating a new entry, we were advised to upgrade to a newer version of the control (2022.1.302.45).

 

I installed the Telerik tools and then removed the old references of the control and added the NEW references.

Immediately it breaks the page.

I get the following JS errors when I try to click on the calendar view/grid:


       
       
        
       Failed to load resource: net::ERR_NAME_NOT_RESOLVED
widget_embed_libraries_191.js:1 
        
      
        
        
      
        
      
       
        
       Failed to load resource: net::ERR_NAME_NOT_RESOLVED
Calendar_XLogs.aspx:1558 
        
       Uncaught SyntaxError: Unexpected token ';'
rsSprites.png:1 
        
      
        
        
      
        
      
       
        
       Failed to load resource: the server responded with a status of 404 (Not Found)
widget_embed_191.css:1 
        
      
        
        
      
        
      
       
        
       Failed to load resource: net::ERR_NAME_NOT_RESOLVED
widget_embed_libraries_191.js:1 
        
      
        
        
      
        
      
       
        
       Failed to load resource: net::ERR_NAME_NOT_RESOLVED

  
 
 
 
Uncaught TypeError: Cannot read properties of undefined (reading 'open')
    at window.radopen (ScriptResource.axd?d=yK6qhJVfE0myfV1ijwDRg-fVrTRo-HZ-D2o9yhz8hJaIb7KWAwHYA1TrIDU15KJWCq4MuKg8c6a88RTJAnELh5IUQUlgOGiGuL0CJP9mBCdrzbiyNqx_HxsYXXauKkamF_aF6PVXTYvgWhjtoGGkxRlhuV01&t=37e10300:17:10)
    at <anonymous>:1:12
    at Sys$_ScriptLoader$_loadScriptsInternal [as _loadScriptsInternal] (ScriptResource.axd?d=YSJbrBwjY8OR41m2W_4X7pNCN_IrCO12e5c5XkC9yenVskAQME3vxdKWLQ8avUdH4dWkimd9z08vfIUCLRj0_nLwlDYrDMTTwGUeZRDdjEa7_s3awntJLemQ9h0AZJhRSt-5JWvNnx8iOM9iZkCs8KPqhi3nQU2bjG7xR__FX-F52cvx0&t=49337fe8:346:38)
    at Sys$_ScriptLoader$_loadScriptsInternal [as _loadScriptsInternal] (ScriptResource.axd?d=YSJbrBwjY8OR41m2W_4X7pNCN_IrCO12e5c5XkC9yenVskAQME3vxdKWLQ8avUdH4dWkimd9z08vfIUCLRj0_nLwlDYrDMTTwGUeZRDdjEa7_s3awntJLemQ9h0AZJhRSt-5JWvNnx8iOM9iZkCs8KPqhi3nQU2bjG7xR__FX-F52cvx0&t=49337fe8:351:22)
    at Sys$_ScriptLoader$_loadScriptsInternal [as _loadScriptsInternal] (ScriptResource.axd?d=YSJbrBwjY8OR41m2W_4X7pNCN_IrCO12e5c5XkC9yenVskAQME3vxdKWLQ8avUdH4dWkimd9z08vfIUCLRj0_nLwlDYrDMTTwGUeZRDdjEa7_s3awntJLemQ9h0AZJhRSt-5JWvNnx8iOM9iZkCs8KPqhi3nQU2bjG7xR__FX-F52cvx0&t=49337fe8:351:22)
    at Sys$_ScriptLoader$_loadScriptsInternal [as _loadScriptsInternal] (ScriptResource.axd?d=YSJbrBwjY8OR41m2W_4X7pNCN_IrCO12e5c5XkC9yenVskAQME3vxdKWLQ8avUdH4dWkimd9z08vfIUCLRj0_nLwlDYrDMTTwGUeZRDdjEa7_s3awntJLemQ9h0AZJhRSt-5JWvNnx8iOM9iZkCs8KPqhi3nQU2bjG7xR__FX-F52cvx0&t=49337fe8:351:22)
    at Sys$_ScriptLoader$_nextSession [as _nextSession] (ScriptResource.axd?d=YSJbrBwjY8OR41m2W_4X7pNCN_IrCO12e5c5XkC9yenVskAQME3vxdKWLQ8avUdH4dWkimd9z08vfIUCLRj0_nLwlDYrDMTTwGUeZRDdjEa7_s3awntJLemQ9h0AZJhRSt-5JWvNnx8iOM9iZkCs8KPqhi3nQU2bjG7xR__FX-F52cvx0&t=49337fe8:373:14)
    at Sys$_ScriptLoader$_loadScriptsInternal [as _loadScriptsInternal] (ScriptResource.axd?d=YSJbrBwjY8OR41m2W_4X7pNCN_IrCO12e5c5XkC9yenVskAQME3vxdKWLQ8avUdH4dWkimd9z08vfIUCLRj0_nLwlDYrDMTTwGUeZRDdjEa7_s3awntJLemQ9h0AZJhRSt-5JWvNnx8iOM9iZkCs8KPqhi3nQU2bjG7xR__FX-F52cvx0&t=49337fe8:360:18)
    at Sys$_ScriptLoader$_nextSession [as _nextSession] (ScriptResource.axd?d=YSJbrBwjY8OR41m2W_4X7pNCN_IrCO12e5c5XkC9yenVskAQME3vxdKWLQ8avUdH4dWkimd9z08vfIUCLRj0_nLwlDYrDMTTwGUeZRDdjEa7_s3awntJLemQ9h0AZJhRSt-5JWvNnx8iOM9iZkCs8KPqhi3nQU2bjG7xR__FX-F52cvx0&t=49337fe8:373:14)
    at Sys$_ScriptLoader$loadScripts [as loadScripts] (ScriptResource.axd?d=YSJbrBwjY8OR41m2W_4X7pNCN_IrCO12e5c5XkC9yenVskAQME3vxdKWLQ8avUdH4dWkimd9z08vfIUCLRj0_nLwlDYrDMTTwGUeZRDdjEa7_s3awntJLemQ9h0AZJhRSt-5JWvNnx8iOM9iZkCs8KPqhi3nQU2bjG7xR__FX-F52cvx0&t=49337fe8:262:18)

 

Any ideas where to go from here?

Calendar
Rumen
Telerik team
 answered on 17 May 2022
1 answer
534 views
How to secure the telerik:radgrid or telerik:RadComboBox ClientState from XSS Attack.

Hi guys,

 

I am working on issues reported by rapid 7. 

Following error is reported by Rapid 7:

ctl00_ctl00_BaseContent_ContentPlaceHolder1_rgdDispatches_ClientState=%27%3E%3Cscript%3Ealert(4272772)%3C%2Fscript%3E 

Actually the attacK is injecting <script>alert("4272772")</script> tag inside the ClientState. 

Is there any way to prevent this attack on almost all Telerik Ajax Controls, Specially telerik:radgrid and telerik:RadComboBox ON SERVER SIDE CODE? 

Is there any way to use encryption or some way the validate and Fix the client state of a control on Server Side?

ComboBox
Grid
Rumen
Telerik team
 answered on 17 May 2022
1 answer
204 views
Hide RadMenu with multiple submenus after click.

On mobile the menu stays visible and blocks the view of the grid. Is there a way to hide the menu after clicking the submenu categories? I found a solution here for menus with no sub menus, but on this particular site I cannot get it to work, it either hides the submenus after clicking the parent item or does not work at all.

Site is here: http://www.process-comp.com/inventory.aspx

 

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="inventory.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head runat="server">

    <title></title>

    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />

    <link href="css/grid.css" rel="stylesheet" />

    <script>


        function onClientItemClicked(sender, eventArgs) {

            sender.close(true);

        }

    </script>

</head>

<body>

    <form id="form1" runat="server" style="height: 100%; width: 100%; margin: 0px;">

        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">

            <Scripts>

                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

            </Scripts>

        </telerik:RadScriptManager>

        <div style="height: 100%; width: 100%; margin: 0px; background-color: #ddd; position:fixed">

            <telerik:RadSplitter ID="RadSplitter2" runat="server" Height="100%" Width="100%"

                BorderSize="0" Orientation="Horizontal" Skin="BlackMetroTouch">

                <telerik:RadPane ID="RadPane1" runat="server" Scrolling="None" Height="38px" ShowContentDuringLoad="false">                    

                    <div> 

                        <telerik:RadMenu ID="RadMenu1" runat="server" Skin="BlackMetroTouch" Height="38px" CssClass="menu" RenderMode="Classic" 

                            CollapseAnimation-Type="InExpo" ExpandAnimation-Type="OutExpo" DefaultGroupSettings-OffsetX="42" CollapseAnimation-Duration="200" ExpandAnimation-Duration="200" CollapseDelay="0" >

                                

                            <Items>                                    

                                <telerik:RadMenuItem Text="Select One &#9660" CssClass="menuitem" GroupSettings-OffsetX="-1">

                                    <Items>

                                        <telerik:RadMenuItem CssClass="menusubitem-main" Text="Compression Equip. 1" GroupSettings-OffsetX="-184">                                                

                                            <Items>

                                                <telerik:RadMenuItem OnClientItemClicked="onClientItemClicked" CssClass="menusubitem-full" Text="Blocks" Target="contentPane" NavigateUrl="inventory/blocks.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Camshafts" Target="contentPane" NavigateUrl="inventory/camshafts.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Compressor Cylinders">

                                                    <GroupSettings ExpandDirection="Down" />

                                                    <Items>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Ajax" Target="contentPane" NavigateUrl="inventory/ajax.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Ariel" Target="contentPane" NavigateUrl="inventory/ariel.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Cooper Bessemer">

                                                            <GroupSettings ExpandDirection="Down" />

                                                            <Items>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Bore 0'' - 9.99''" Target="contentPane" NavigateUrl="inventory/cbgrp1.aspx"></telerik:RadMenuItem>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Bore 10'' - 19.99''" Target="contentPane" NavigateUrl="inventory/cbgrp2.aspx"></telerik:RadMenuItem>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Bore 20'' - UP" Target="contentPane" NavigateUrl="inventory/cbgrp3.aspx"></telerik:RadMenuItem>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="All Sizes" Target="contentPane" NavigateUrl="inventory/cball.aspx"></telerik:RadMenuItem>

                                                            </Items>

                                                        </telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Clark">

                                                            <GroupSettings ExpandDirection="Down" />

                                                            <Items>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Bore 0'' - 9.99''" Target="contentPane" NavigateUrl="inventory/clarkgrp1.aspx"></telerik:RadMenuItem>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Bore 10'' - 19.99''" Target="contentPane" NavigateUrl="inventory/clarkgrp2.aspx"></telerik:RadMenuItem>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Bore 20'' - UP" Target="contentPane" NavigateUrl="inventory/clarkgrp3.aspx"></telerik:RadMenuItem>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="All Sizes" Target="contentPane" NavigateUrl="inventory/clarkall.aspx"></telerik:RadMenuItem>

                                                            </Items>

                                                        </telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Corken" Target="contentPane" NavigateUrl="inventory/corken.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Chicago Pnuematic" Target="contentPane" NavigateUrl="inventory/cp.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Delaval" Target="contentPane" NavigateUrl="inventory/delaval.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Gardner Denver" Target="contentPane" NavigateUrl="inventory/gd.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Gemini" Target="contentPane" NavigateUrl="inventory/gemini.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Hall" Target="contentPane" NavigateUrl="inventory/hall.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Ingersoll Rand">

                                                            <GroupSettings ExpandDirection="Down" />

                                                            <Items>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Bore 0'' - 9.99''" Target="contentPane" NavigateUrl="inventory/irgrp1.aspx"></telerik:RadMenuItem>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Bore 10'' - 19.99''" Target="contentPane" NavigateUrl="inventory/irgrp2.aspx"></telerik:RadMenuItem>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Bore 20'' - UP" Target="contentPane" NavigateUrl="inventory/irgrp3.aspx"></telerik:RadMenuItem>

                                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="All Sizes" Target="contentPane" NavigateUrl="inventory/irall.aspx"></telerik:RadMenuItem>

                                                            </Items>

                                                        </telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="JA" Target="contentPane" NavigateUrl="inventory/ja.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Joy" Target="contentPane" NavigateUrl="inventory/joy.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Knight" Target="contentPane" NavigateUrl="inventory/knight.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Knox" Target="contentPane" NavigateUrl="inventory/knox.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Pennsylvania" Target="contentPane" NavigateUrl="inventory/penn.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Superior" Target="contentPane" NavigateUrl="inventory/superior.aspx"></telerik:RadMenuItem>

                                                        <telerik:RadMenuItem CssClass="menusubitem-full" Text="Worthington" Target="contentPane" NavigateUrl="inventory/worth.aspx"></telerik:RadMenuItem>

                                                    </Items>

                                                </telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Compressor Cyl. Heads" Target="contentPane" NavigateUrl="inventory/compcylheads.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Cylinder Liners" Target="contentPane" NavigateUrl="inventory/cylliners.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Compressor Misc." Target="contentPane" NavigateUrl="inventory/compmisc.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Compressor Pistons" Target="contentPane" NavigateUrl="inventory/comppist.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Compressor Valves" Target="contentPane" NavigateUrl="inventory/compvalves.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Compressor Rods" Target="contentPane" NavigateUrl="inventory/comprods.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Coolers" Target="contentPane" NavigateUrl="inventory/coolers.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Crankshafts" Target="contentPane" NavigateUrl="inventory/cranks.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Crossheads" Target="contentPane" NavigateUrl="inventory/crossheads.aspx"></telerik:RadMenuItem>

                                                

                                            </Items>

                                        </telerik:RadMenuItem>

                                        <telerik:RadMenuItem CssClass="menusubitem-main" Text="Compression Equip. 2" GroupSettings-OffsetX="-184" GroupSettings-OffsetY="-36">

                                               <Items>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Engines" Target="contentPane" NavigateUrl="inventory/engines.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Engines Misc." Target="contentPane" NavigateUrl="inventory/enginesmisc.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Frames" Target="contentPane" NavigateUrl="inventory/frames.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Gas Compressors" Target="contentPane" NavigateUrl="inventory/gascomp.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Manifolds" Target="contentPane" NavigateUrl="inventory/manifolds.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Master Rods" Target="contentPane" NavigateUrl="inventory/mastrods.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Motors" Target="contentPane" NavigateUrl="inventory/motors.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Power Cylinders" Target="contentPane" NavigateUrl="inventory/powcyls.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Power Cylinder Heads" Target="contentPane" NavigateUrl="inventory/powcylhds.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Power Pistons" Target="contentPane" NavigateUrl="inventory/powpist.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Power Rods" Target="contentPane" NavigateUrl="inventory/powrods.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Turbos" Target="contentPane" NavigateUrl="inventory/turbos.aspx"></telerik:RadMenuItem>

                                               </Items>

                                        </telerik:RadMenuItem>

                                        <telerik:RadMenuItem CssClass="menusubitem-main" Text="Process Equipment" GroupSettings-OffsetX="-184" GroupSettings-OffsetY="-72">

                                            <Items>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Chillers" Target="contentPane" NavigateUrl="inventory/chillers.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Columns" Target="contentPane" NavigateUrl="inventory/columns.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Coolers" Target="contentPane" NavigateUrl="inventory/coolers.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Filters" Target="contentPane" NavigateUrl="inventory/filters.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Glycol Units" Target="contentPane" NavigateUrl="inventory/glycol.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Heaters" Target="contentPane" NavigateUrl="inventory/heaters.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Heat Exchangers" Target="contentPane" NavigateUrl="inventory/heatex.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Horizontal Vessels" Target="contentPane" NavigateUrl="inventory/horizontal.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Motors" Target="contentPane" NavigateUrl="inventory/motors.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Plants" Target="contentPane" NavigateUrl="inventory/plants.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Process Misc." Target="contentPane" NavigateUrl="inventory/promisc.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Pumps" Target="contentPane" NavigateUrl="inventory/pumps.aspx"></telerik:RadMenuItem>

                                                <telerik:RadMenuItem CssClass="menusubitem-full" Text="Vertical Vessels" Target="contentPane" NavigateUrl="inventory/vertical.aspx"></telerik:RadMenuItem>

                                            </Items>

                                        </telerik:RadMenuItem>

                                    </Items>

                                </telerik:RadMenuItem>

                            </Items>

                        </telerik:RadMenu>

                        <a class="exit" href="index.html">EXIT</a>

                    </div>                    

                </telerik:RadPane>

                <telerik:RadPane ID="contentPane" runat="server" ContentUrl="inventory/invlanding-full.aspx" 

                    Width="100%" TabIndex="2" ShowContentDuringLoad="false">

                </telerik:RadPane>

            </telerik:RadSplitter>

        </div>

    </form>

</body>

</html>


Menu
Vessy
Telerik team
 answered on 16 May 2022
1 answer
209 views
Change plotarea margin with Javascript

Hi,

I have a page containing a donut chart. All the design has been made for 2 different screen resolution (1366x768 and 1920x1080). 

I'd like to reduce the margin of the chart svg that is rendered.

I found how to do it on the control parameter 

<telerik:RadHtmlChart runat="server" ID="DonutResults" Transitions="true" Skin="Material" CssClass="donut-chart">
    <ClientEvents OnLoad="chartLoad" />
        <PlotArea>
            <Appearance>
                <TextStyle Margin="-60 -150 -30 -150" />
            </Appearance>
        </PlotArea>
</telerik:RadHtmlChart>

And from server-side 

DonutResults.PlotArea.Appearance.TextStyle.Margin = "-60 -150 -30 -150";

but I'd like to do it dynamically.

I have already tried several things with no result.

function setChartPadding() {
    var chartHTML = $find("<%=DonutResults.ClientID%>");
    var chart = chartHTML.get_kendoWidget();
    var plotArea = chart.plotArea();
    if (window.outerHeight <= 768) {
        // resize for "small screen"
    }
    else {
        // first method 
        //plotArea._plotArea.box.x1 = -145;
        //plotArea._plotArea.box.y1 = -55;
        //plotArea._plotArea.box.x2 = 515;
        //plotArea._plotArea.box.y2 = 395;
      
       // second method
        chartHTML.get_kendoWidget({
            plotArea: {
                margin: {
                    top: -60,
                    right: -150,
                    bottom: -30,
                    left: -150
                }
            }
        });
        chartHTML.repaint();
    }
}

Any suggestions?

 

PS: here is how I populate the chart


DonutSeries _serie = new DonutSeries();
_serie.Name = "Results";
_serie.StartAngle = 360;
_serie.HoleSize = 100;
_serie.LabelsAppearance.Visible = false;
_serie.TooltipsAppearance.Visible = false;
_serie.HighlightAppearance.Visible = false;
_serie.SeriesItems.Add(new PieSeriesItem((decimal)Diet, System.Drawing.Color.FromArgb(103, 185, 176)));
_serie.SeriesItems.Add(new PieSeriesItem((decimal)Trip, System.Drawing.Color.FromArgb(33, 156, 220)));
_serie.SeriesItems.Add(new PieSeriesItem((decimal)Home, System.Drawing.Color.FromArgb(00, 68, 138)));
_serie.SeriesItems.Add(new PieSeriesItem((decimal)Lifestyle, System.Drawing.Color.FromArgb(229, 83, 26)));
_serie.SeriesItems.Add(new PieSeriesItem((decimal)PublicService, System.Drawing.Color.FromArgb(206, 20, 49)));
DonutResults.PlotArea.Series.Add(_serie);

Chart (HTML5)
mathieu
Top achievements
Rank 1
Iron
 answered on 16 May 2022
1 answer
211 views
using radtabstrip and multipage with ajaxmanager

Here is the code with radtabstrip and multipage. Simple search and advanced search tabs, when i clicked the advanced search tab, the simple search page is shown. Please help me to fix this issue ASAP.

Thank you,

Shan.

 

 

<%@ Register TagPrefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<Telerik:RadCodeBlock runat="server">

    <script language="javascript" type="text/javascript">

function ResetControls() {

var textElemIds = ['<%= txtFirstName.ClientID %>', '<%= txtLastName.ClientID %>', '<%= txtUserName.ClientID %>',
                       '<%= txtProviderID.ClientID %>', '<%= txtTradingPartnerID.ClientID %>'];

            for (var i = textElemIds.length; i--; ) {
                var elem = $find(textElemIds[i]);
                if (elem) {
                    elem.set_value("");
                    elem.enable();
                }
            }

            var ddl1 = $find('<%= ddlStatus.ClientID %>'),
                ddl2 = $find('<%= ddlTradingPartnerType.ClientID %>'),
                startDate = $find('<%= dpStartDate.ClientID %>'),
                endDate = $find('<%= dpEndDate.ClientID %>');

            startDate.clear();
            endDate.clear();
            ddl1.clearSelection();
            ddl2.clearSelection();
        }

        function toggleSearchMode(sender, eventArgs) {
            var isSimpleSearch = (sender.get_selectedIndex() == 0);
            $get("TP_SimpleSearchButton").style.display = isSimpleSearch ? "inline" : "none";
            $get("TP_AdvancedSearchButton").style.display = isSimpleSearch ? "none" : "inline";
        }

        /

</script>

</Telerik:RadCodeBlock>

<Telerik:RadAjaxManagerProxy ID="ram" runat="server">
        <AjaxSettings>
            <Telerik:AjaxSetting AjaxControlID="searchWrapper">
                <UpdatedControls>                 
                    <Telerik:AjaxUpdatedControl ControlID="searchWrapper" LoadingPanelID="alp" />              
                    <Telerik:AjaxUpdatedControl ControlID="editWindowContainer" />
                    <Telerik:AjaxUpdatedControl ControlID="SearchAgainContainer" />
                </UpdatedControls>
            </Telerik:AjaxSetting>
            <Telerik:AjaxSetting AjaxControlID="SearchAgainContainer">
                <UpdatedControls>                    
                    <Telerik:AjaxUpdatedControl ControlID="searchWrapper" />              
                    <Telerik:AjaxUpdatedControl ControlID="editWindowContainer" LoadingPanelID="alp" />
                </UpdatedControls>
            </Telerik:AjaxSetting>   
            <Telerik:AjaxSetting AjaxControlID="editWindowContainer">
                <UpdatedControls>                    
                    <Telerik:AjaxUpdatedControl ControlID="editWindowContainer" LoadingPanelID="alp" />
                </UpdatedControls>
            </Telerik:AjaxSetting>   

        </AjaxSettings>
    </Telerik:RadAjaxManagerProxy>

<Telerik:RadAjaxLoadingPanel OnClientShowing="loadingPanelShowing" OnClientHiding="loadingPanelHiding"
        CssClass="ralpSearchUsers" EnableEmbeddedSkins="true" Skin="Vista" runat="server"
        ID="alp" ZIndex="300000">
    </Telerik:RadAjaxLoadingPanel>

<div runat="server" id="searchWrapper" class="TP_AdminSearch">    

    <Telerik:RadTabStrip ID="rtsAdminSearch" runat="server"
        MultiPageID="rmpAdminSearch" Align="Left" SelectedIndex="0" CausesValidation="false"  OnClientTabSelected="toggleSearchMode" >
        <Tabs>
            <Telerik:RadTab PageViewID="rpvSimpleSearch" Text="Simple Search">
            </Telerik:RadTab>
            <Telerik:RadTab PageViewID="rpvAdvancedSearch" Text="Advanced Search">
            </Telerik:RadTab>
        </Tabs>
    </Telerik:RadTabStrip>

    <asp:Panel runat="server" ID="searchPanel" CssClass="TP_AdminSearchPanel">
        <table cellpadding="0" cellspacing="0" class="TP_AdminSearchTable" summary="Search Panel">
        <tr>
            <td>
                <Telerik:RadMultiPage ID="rmpAdminSearch" runat="server" SelectedIndex="0" CssClass="TP_MultiPage">

                    <Telerik:RadPageView ID="rpvSimpleSearch" runat="server">
                        <asp:Panel runat="server" DefaultButton="btnSimpleSearch"  >
                            <table class="TP_EditTable TP_SimpleSearchTable" cellpadding="0" cellspacing="0" summary="Simple Search">
                                <tr>
                                    <td class="TP_LabelTextTd">
                                        <asp:Label ID="lblUserName" class="TP_LabelText" runat="server" Text="User Name" AssociatedControlID="txtUserName"></asp:Label>

                                    </td>
                                    <td class="TP_EditTextTd">
                                        <Telerik:RadTextBox ID="txtUserName" runat="server" Width="125px" ToolTip="Please enter User Name"
                                            OnBlur="javascript:GradeoutControls(this);" OnKeyUp="javascript:GradeoutControls(this);">
                                        </Telerik:RadTextBox>
                                    </td>
                                    <td class="TP_SeparatorTd">
                                    </td>
                                    <td class="TP_LabelTextTd">
                                        <asp:Label ID="lblTPID" runat="server" class="TP_LabelText" Text="Trading Partner ID" AssociatedControlID="txtTradingPartnerID"></asp:Label>

                                    </td>
                                    </tr>
                                <tr>
                                    <td colspan="4" align="center">
                                        <asp:RegularExpressionValidator Display="Dynamic" ID="revTradingPartnerID" runat="server"
                                            ValidationGroup="SimpleSearchUsers" ControlToValidate="txtTradingPartnerID" CssClass="TP_Validator TP_ValidatorBlock"
                                            SetFocusOnError="true" ErrorMessage="Please enter a valid Trading Partner ID.">
                                        </asp:RegularExpressionValidator>                                        
                                    </td>
                                </tr>                 
                            </table>
                        </asp:Panel>
                    </Telerik:RadPageView>

                    <Telerik:RadPageView ID="rpvAdvancedSearch" runat="server" >
                        <asp:Panel runat="server" DefaultButton="btnAdvancedSearch">
                            <table class="TP_EditTable TP_AdvancedSearchTable" cellpadding="0" cellspacing="0" style="margin: 0px auto" summary="Advanced Search Table">
                                <tr>
                                    <td class="TP_LabelTextTd">
                                        <asp:Label ID="lblStatus" runat="server" class="TP_LabelText" Text="Status" AssociatedControlID="ddlStatus"></asp:Label>                                        
                                    </td>
                                    <td class="TP_EditTextTd">
                                        <Telerik:RadComboBox ID="ddlStatus" runat="server" Width="125px" ToolTip="Please select Status">
                                        </Telerik:RadComboBox>
                                    </td>
                                    <td class="TP_SeparatorTd">
                                    </td>
                                    <td class="TP_LabelTextTd">
                                        <asp:Label ID="lblTPType" runat="server" class="TP_LabelText" Text="Trading Partner Type" AssociatedControlID="ddlTradingPartnerType"></asp:Label>

                                    </td>
                                    <td class="TP_EditTextTd">
                                        <Telerik:RadComboBox ID="ddlTradingPartnerType" runat="server" Width="125px" ToolTip="Please Select Trading Partner Type">
                                        </Telerik:RadComboBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="TP_LabelTextTd">
                                        <asp:Label ID="lblFirstName" runat="server" class="TP_LabelText" Text="First Name" AssociatedControlID="txtFirstName"></asp:Label>

                                    </td>
                                    <td class="TP_EditTextTd">
                                        <Telerik:RadTextBox ID="txtFirstName" runat="server"
                                            Width="125px" ToolTip="Please enter First Name ">
                                        </Telerik:RadTextBox>
                                    </td>
                                    <td class="TP_SeparatorTd">
                                    </td>
                                    <td class="TP_LabelTextTd">
                                        <asp:Label ID="lblLastName" runat="server" class="TP_LabelText" Text="Last Name" AssociatedControlID="txtLastName"></asp:Label>

                                    </td>
                                    <td class="TP_EditTextTd">
                                        <Telerik:RadTextBox ID="txtLastName" runat="server" Width="125px" ToolTip="Please enter Last Name ">
                                        </Telerik:RadTextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="TP_LabelTextTd">
                                        <asp:Label ID="lblStartDate" runat="server" class="TP_LabelText" Text="Registration Start Date" AssociatedControlID="dpStartDate"></asp:Label>

                                    </td>
                                    <td class="TP_EditTextTd">
                                        <Telerik:RadDatePicker runat="server" ID="dpStartDate" Width="151px"
                                            InputMode="DatePicker" ToolTip="Enter Registration Start Date">
                                            <DateInput ID="dtStartDate" ToolTip="Enter Registration Start Date" runat="server" DateFormat="MM/dd/yyyy" ClientEvents-OnError="OnRadDatePickerError" ValidationGroup="AdvancedSearchUsers" />
                                            <Calendar ShowRowHeaders="false" HeaderStyle-HorizontalAlign="Center" ID="calStartDate"
                                                runat="server" EnableKeyboardNavigation="true" />
                                        </Telerik:RadDatePicker>
                                        <asp:Label ID="lblHintStartDate" CssClass="TP_HintText TP_DateFormatHint" runat="server"
                                            Text="MM/DD/YYYY"></asp:Label>
                                    </td>
                                    <td class="TP_SeparatorTd">
                                    </td>
                                    <td class="TP_LabelTextTd">
                                        <asp:Label ID="lblEndDate" runat="server" class="TP_LabelText" Text="Registration End Date" AssociatedControlID="dpEndDate"></asp:Label>

                                    </td>
                                    <td class="TP_EditTextTd">
                                        <Telerik:RadDatePicker runat="server" ID="dpEndDate" Width="151px"
                                            InputMode="DatePicker" ToolTip="Enter Registration End Date">
                                            <DateInput ID="dtEndDate" ToolTip="Enter Registration End Date" runat="server" DateFormat="MM/dd/yyyy" ClientEvents-OnError="OnRadDatePickerError" ValidationGroup="AdvancedSearchUsers" />
                                            <Calendar ShowRowHeaders="false" ID="calEndDate"
                                                runat="server" EnableKeyboardNavigation="true" />
                                        </Telerik:RadDatePicker>
                                        <asp:Label ID="lblHintEndDate" runat="server" CssClass="TP_HintText TP_DateFormatHint"
                                            Text="MM/DD/YYYY"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="TP_LabelTextTd">
                                        <asp:Label ID="lblProviderID" runat="server" class="TP_LabelText" Text="Provider ID" AssociatedControlID="txtProviderID"></asp:Label>

                                    </td>
                                    <td class="TP_EditTextTd">
                                        <Telerik:RadTextBox ID="txtProviderID" runat="server"
                                            Width="125px" ToolTip="Please enter Provider ID">
                                        </Telerik:RadTextBox>
                                    </td>
                                    <td class="TP_SeparatorTd">
                                    </td>
                                    <asp:PlaceHolder runat="server" ID="tradingPartnerSearchControls1">
                                        <td class="TP_LabelTextTd">
                                            <asp:Label ID="lblTaxID" runat="server" class="TP_LabelText" Text="Tax ID" AssociatedControlID="txtTaxID"></asp:Label>

                                        </td>
                                        <td class="TP_EditTextTd">
                                            <Telerik:RadTextBox ID="txtTaxID" runat="server" Width="125px" ToolTip="Please enter Tax ID">
                                            </Telerik:RadTextBox>
                                        </td>
                                    </asp:PlaceHolder>
                                </tr>
                                <asp:PlaceHolder runat="server" ID="tradingPartnerSearchControls2">
                                    <tr>
                                        <td class="TP_LabelTextTd">
                                            <asp:Label ID="lblCompanyName" runat="server" class="TP_LabelText" Text="Company Name" AssociatedControlID="txtCompanyName"></asp:Label>

                                        </td>
                                        <td class="TP_EditTextTd">
                                            <Telerik:RadTextBox ID="txtCompanyName" runat="server"
                                                Width="125px" ToolTip="Please enter Company Name">
                                            </Telerik:RadTextBox>
                                        </td>
                                        <td class="TP_SeparatorTd">
                                        </td>
                                        <td class="TP_LabelTextTd">
                                            <asp:Label ID="lblZip" runat="server" class="TP_LabelText" Text="ZIP code" AssociatedControlID="txtZipCode"></asp:Label>

                                        </td>
                                        <td class="TP_EditTextTd">
                                            <Telerik:RadTextBox ID="txtZipCode" runat="server" Width="125px" ToolTip="Please enter ZIP code">
                                            </Telerik:RadTextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="TP_LabelTextTd">
                                            <asp:Label ID="lblTelephone" runat="server" class="TP_LabelText" Text="Telephone" AssociatedControlID="txtTelephone"></asp:Label>

                                        </td>
                                        <td class="TP_EditTextTd">
                                            <Telerik:RadTextBox ID="txtTelephone" runat="server"
                                                Width="125px" ToolTip="Please enter Telephone Number">
                                            </Telerik:RadTextBox>
                                        </td>
                                        <td class="TP_SeparatorTd">
                                        </td>
                                        <td class="TP_LabelTextTd">

                                        </td>
                                        <td class="TP_EditTextTd">

                                        </td>
                                    </tr>
                                </asp:PlaceHolder>
                                <tr>
                                    <td colspan="5" align="center" style="text-align:center">
                                        <asp:CustomValidator ID="cvValidDate" runat="server" ErrorMessage="Invalid Date format." CssClass="TP_Validator" 
                                            ClientValidationFunction="ValidateRadDatePickers" Display="Dynamic" ValidationGroup="AdvancedSearchUsers">
                                         </asp:CustomValidator>
                                        <asp:CompareValidator Display="Dynamic" ID="cvRegistrationDate" runat="server" ValidationGroup="AdvancedSearchUsers"
                                            ControlToValidate="dpEndDate" ControlToCompare="dpStartDate" Operator="GreaterThan"
                                            CssClass="TP_Validator" SetFocusOnError="true" Type="Date" ErrorMessage="Registration End Date must be greater than Registration Start Date.<br />">
                                        </asp:CompareValidator>
                                    </td>
                                </tr>
                            </table>
                            <script type="text/javascript">
TP_SetAltRowCss($telerik.$(".TP_AdvancedSearchTable"));
</script>                          
                        </asp:Panel>
                    </Telerik:RadPageView>

                </Telerik:RadMultiPage>
            </td>
        </tr>           
        <tr>
            <td class="TP_CommandButtonsTd">
                <span id="TP_SimpleSearchButton">
                    <Telerik:RadButton ID="btnSimpleSearch" Text="Search" CssClass="TP_DefaultButton" runat="server" ValidationGroup="SimpleSearchUsers"
                        OnClick="btnSearch_Click">
                    </Telerik:RadButton>
                </span>
                <span id="TP_AdvancedSearchButton" style="display:none">
                    <Telerik:RadButton ID="btnAdvancedSearch" Text="Search" CssClass="TP_DefaultButton"  runat="server" ValidationGroup="AdvancedSearchUsers"
                        OnClick="btnSearch_Click">
                    </Telerik:RadButton>
                </span>
                &nbsp;
                <Telerik:RadButton ID="btnReset" Text="Reset" runat="server" OnClientClicked="ResetControls"
                    AutoPostBack="false" UseSubmitBehavior="false">
                </Telerik:RadButton>
                &nbsp;
                <Telerik:RadButton ID="btnCancel" Text="Cancel" runat="server" OnClick="btnCancel_Click"
                    UseSubmitBehavior="false">
                </Telerik:RadButton>
            </td>
        </tr>
    </table>
    </asp:Panel>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
Ajax
TabStrip
Vessy
Telerik team
 answered on 16 May 2022
1 answer
193 views
Rad Scheduler Recurrences

Hi, i am building a rad scheduler that displays appoitments and make recurences.  The problem is that i need this recurrences to display individually in another page.  is there any way to display one appoitment and all of its recurrences as individual appointments.  Can i export the data that the scheduler displays? 

alternatively is there a way the radscheduler saves the recurrences as individual appointments

Ajax
Scheduler
Peter Milchev
Telerik team
 answered on 11 May 2022
0 answers
198 views
Controls not created on webform when dropped from toolbox

Returning to an old app to do some maintenance after many years.

Trying to add a new RadGrid to the Webform, but dropping it on the form has no effect.

I can add non-Telerik controls from the toolbox with no problem.

Hopefully this is some version issue, but I can't figure it out.

Is there an easy fix for this?

UI for ASP.NET AJAX in ASP.NET MVC
PH
Top achievements
Rank 2
 asked on 05 May 2022
1 answer
177 views
RadHtmlChart LineSeries can't et more than one line

I have the following simple chart set up

    <telerik:RadHtmlChart ID="chtLine" runat="server" Width="100%" Height="95%" Skin="Windows7" RenderMode="Lightweight">
        <ChartTitle Text="">
            <Appearance>
                <TextStyle FontSize="16px"></TextStyle>
            </Appearance>
        </ChartTitle>
        <Legend>
            <Appearance Position="Top"></Appearance>
        </Legend>
        <PlotArea>
            <XAxis DataLabelsField="InvDate"></XAxis>
            <YAxis Name="Total"></YAxis>
            <Series>
                <telerik:LineSeries Name="Code" MissingValues="Zero" DataFieldY="Total"></telerik:LineSeries>
            </Series>
        </PlotArea>
    </telerik:RadHtmlChart>

code behind I'm filling it with linq data.

            Dim res = (From x In db.INVOICE_SUMMARies
                       Where x.SITE.COMPANY.COMPANY_CODE.Equals(Session("Market").ToString)
                       Group x By x.PROVIDER.PROVIDER_CODE, x.INVOICE_SUMMARY_INVOICE_DATE Into g = Group
                       Select Code = PROVIDER_CODE,
                              InvDate = INVOICE_SUMMARY_INVOICE_DATE,
                              Total = CType(g.Sum(Function(p) p.INVOICE_SUMMARY_TOTAL_AMOUNT), Decimal?)).ToList
            chtLine.DataSource = res.ToList
            chtLine.DataBind()

data looks kind of like this


CODE          InvDate                      Total
------------- ---------------------------- ---------------------------------------
COM           2022-02-13                   2532.04
EARTH         2022-02-13                   1721.40
EARTL         2022-02-13                   1321.20
FRONT         2022-02-13                   11184.08
GC            2022-02-13                   46120.10
LCI           2022-02-13                   21782.98
LIGHT         2022-02-13                   11687.82
MCI           2022-02-13                   18318.97
NIT           2022-02-13                   1676.31
ONE           2022-02-13                   20685.94
OPT           2022-02-13                   4313.10
PAT           2022-02-13                   44341.33
WILL          2022-02-13                   18899.02
XOC           2022-02-13                   4571.01
COM           2022-03-13                   2526.33
EARTH         2022-03-13                   1726.12
EARTL         2022-03-13                   1323.07
FRONT         2022-03-13                   11175.07
GC            2022-03-13                   45758.30
LCI           2022-03-13                   23401.18
LIGHT         2022-03-13                   11676.30
MCI           2022-03-13                   18384.44
NIT           2022-03-13                   1674.56
ONE           2022-03-13                   20712.67
OPT           2022-03-13                   4309.22
PAT           2022-03-13                   44393.95
WILL          2022-03-13                   18716.46
XOC           2022-03-13                   4560.98
COM           2022-04-13                   2532.04
EARTH         2022-04-13                   1721.40
EARTL         2022-04-13                   1321.20
FRONT         2022-04-13                   11184.08
GC            2022-04-13                   46120.10
LCI           2022-04-13                   23518.05
LIGHT         2022-04-13                   11687.82
MCI           2022-04-13                   18318.97
NIT           2022-04-13                   1676.31
ONE           2022-04-13                   20685.94
OPT           2022-04-13                   4313.10
PAT           2022-04-13                   44341.33
WILL          2022-04-13                   18899.02
XOC           2022-04-13                   4571.01
I'm trying to get each line to represent a Code.  I figure x axis is date and y axis is Total.  all I get is one line.  what am I missing?
Chart (HTML5)
Vessy
Telerik team
 answered on 05 May 2022
1 answer
477 views
[Solved] Use Image Manager button of Rad Editor Image Map Editor built-in dialog to use custom Image Manager dialog

Hello,

We currently have a custom image manager dialog that is opened from a button added to the toolbar of the RadEditor;

ASP.NET

        <telerik:RadEditor ID="RadEditorMessage" runat="server" Width="100%" Height="370px"
            ToolsFile="~/App_Data/RadEditor/Default-ToolsFile.xml" RenderMode="Lightweight" EnableAriaSupport="true">
            <Tools>
                <telerik:EditorToolGroup Tag="FileManagers">
                    <telerik:EditorTool Name="ImgManager" Text="ImageManager" ShowIcon="true" />
                </telerik:EditorToolGroup>
            </Tools>

JAVASCRIPT

    Telerik.Web.UI.Editor.CommandList["ImgManager"] = function (commandName, editor, args) {

        var myCallbackFunction = function (sender, args) {
            if (args) {
                if (args.href != '') {
                    editor.pasteHtml(String.format("<img src='{0}' border='0' align='middle' /> ", args.href));
                }
            }
        }

        var args = editor.get_html(true) //returns the HTML of the selection. 

        editor.showExternalDialog(document.getElementById('<%=txtPath.ClientID%>').value,
                                  args,
                                  1024,
                                  600,
                                  myCallbackFunction,
                                  null,
                                  "Image Manager",
                                  false,
                                  Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move,
                                  false,
                                  true);
        };

CODE BEHIND

                txtPath.Text = ResolveUrl("~/Controls/ImageManager.aspx");

We would like to open this custom Image Manager Dialog and return the uploaded image to be used in the Image Map Editor. 

Is this possible ? And if so, can you provide links/example code on how to implement this ?

Thanks,

Jean-Paul

 

Editor
Rumen
Telerik team
 answered on 05 May 2022
1 answer
393 views
[Solved] GridClientSelectColumn - Clicking outside of checkbox will clear all checked checkbox on other rows

When using GridClientSelectColumn, ClientSettings.Selecting.AllowRowSelect must be set to "True". In this case, if user need to check on multiple checkboxes but accidentally clicking outside of a checkbox, then all checked checkboxes on other rows will be checked off. This is annoying. Is there a way to avoid this when using GridClientSelectColumn?

Grid
Attila Antal
Telerik team
 answered on 04 May 2022
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
AjaxLoadingPanel
PageLayout
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
AjaxPanel
CheckBox
TagCloud
NumericTextBox
Barcode
ClientDataSource
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Licensing
Chat
ODataDataSource
MonthYearPicker
TimePicker
Accessibility
LinkButton
ToggleButton
Label
Localization
Security
DateRangePicker
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
SmartPasteButton
SegmentedControl
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
91 92
93
94 95
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how