Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
18 views

Is there a way to capture an event after a Dock has been dragged or dropped (either to a new position in an existing DockZone, or to a different DockZone)? 

The use case i've developed is a query / expression builder where each dock is a custom user control representing a single condition in a query.  Drag and drop is enabled in the DockZone so that docks can be re-arranged as necessary.  This all works great and i'm able to create docks at runtime and populate each dock with the correct expression data from a database.  However there are certain display items in the dock's user control that i would like to be able to manipulate based on the dock's position in the DockZone.  For example, if you were building a query with two expressions you need to be able to join those two expressions together using either AND, or OR.  If there is only a single expression in your query then selecting AND or OR isn't necessary because there is nothing to combine.  So in my solution  when the first dock in a zone is configured it doesn't ask for or show any AND/OR options because it's not applicable.  It's only applicable for docks in the 2nd, 3rd, 4th+ positions. This all works great until you have re-order the conditions.  When the conditions are re-ordered if the first condition is swapped into the second position, then ideally i'd like to be able to capture some event or tie into some command so that i can re-draw the docks so that i can show/hide this logic operator selector (and/or).   

Currently it looks like this before you drag and drop: You can see the AND/OR value is not displayed next to the first condition (dock). 

  After dragging to just swap the position of these two docks it looks like this:

If the user were to save this state to the database, it would re-draw everything correctly, for the most part:

The AND/OR  selector is dropped from the first expression and it is visible next to the second condition even though it says AND instead of previously being OR.  The user can correct for this AND/OR in the second condition if they can see that it needs to be switched.  If they don't see anything (as in screenshot 2) then they don't know that anything needs to be adjusted. 

Ideally i'd like to be able to get the user to this third screenshot without the user having to click a save button after each drag and drop operation.  I tried to use the PositionChanged event but the dock state that is present in this event handler is the pre-move state, not the post-move state.  Ideally i'd want to re-draw all the docks because like in this example dragging one dock to a different position should change the display in two docks.  In a more complicated scenario a dock could even be dragged to a separate DockZone (which is not covered in this example), so to be safe i'd like to be able to redraw / create all the docks across all the zones whenever any individual dock is dragged and dropped.  

Is this possible?  Thanks for your suggestions!

-Mark

Vasko
Telerik team
 answered on 02 Jun 2025
1 answer
41 views
With Bing Maps being retired https://www.bingmapsportal.com/ are there any plans for RadMap to support Azure Maps for Map Layers?
Vasko
Telerik team
 answered on 29 May 2025
3 answers
37 views
Hi, refer this convo:- https://www.telerik.com/forums/issue-regarding-localization-for-radeditor-table

I am using app-globalresources.zip localization files provided by Rumen, and I suspect it is not compatible with the version of Telerik.Web.UI.dll used in my application. I am using Telerik DLL of version 2022.3.913.45.



Can you please suggest what I should do?

Upgrade the DLL version or update the localization files with that DLL version.

If yes, can you share with me the compatible localizations for en-US, fr-FR & de-DE for this 
2022.3.913.45. DLL version.

Or, if you suggest upgrading the current DLL version how should I do it?

Rumen
Telerik team
 answered on 28 May 2025
1 answer
35 views

Hello Telerik team,

Our customer uses RadMenu as a navigation menu and utilizes https://hub.accessible360.com/ to guide their accessibility checks. Based on the results, they have shared the following suggestions for improving accessibility:

Navigation menus that open on hover must also be operable by keyboard and screen reader users. Depending on the desired functionality of the top-level navigation items, there are two recommended approaches:

  • If the top-level item only triggers a submenu and does not navigate to a new page, it should be marked up as a <button>. Refer to the appropriate code sample for implementation guidance ( code sample )

  • If the top-level item must both navigate to a page and open a submenu, an adjacent <button> should be added to control the submenu. Refer to the corresponding code sample for details ( code sample )

  • If visual design constraints prevent displaying a separate visible button, the button can be visually hidden by default and revealed on focus, as demonstrated in the linked code sample (code sample)

Is there a way to implement these recommendations using RadMenu?

 

Thanks in advance,

Lan

Rumen
Telerik team
 answered on 28 May 2025
1 answer
40 views
We have been using Telerik controls for many, many years.  We were just about to start the process of upgrading to the latest version, but this licensing thing is a bit confusing.  We have an ASP.NET Web Site (not project).  So, it looks like we create a new file in App_Code.  OK, fine.  But what license do we put there?  Is there a "server" specific license?  We have licenses for each developer, but what are we supposed to use for deployment to our test and production web servers?  Will that license expire and cause runtime issues?
Rumen
Telerik team
 updated answer on 27 May 2025
1 answer
185 views

We recently purchased and updated our controls to the latest version.

The project upgraded and built without issue but the website is still displaying license banner and I am getting javascript errors after running.

 

There is no information in the build log about any errors with license and I have tried following the steps here to "install" the license on my PC.

https://www.telerik.com/products/aspnet-ajax/documentation/licensing/license-key

Rumen
Telerik team
 answered on 22 May 2025
1 answer
22 views

I'm using the latest version of the ASP.NET Ajax tools with .NET framework 4.8. I'm attempting to change the color and add a tooltip on grid's row selector based on value of one it's columns. The color of the row selector changes as expected.  However, the tooltip or title doesn't display at all on the mouseover. No error is shown in the browser's Dev Tools.  Below is the HTML markup and JS. 

FYI: I have successfully done this before not sure why it not working in this instance. Also, the grid is contained withing an TabStrip MultiPageview. Not sure if that would make a difference.

Thanks in advance for any help on this.

Markup
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="True"></telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"></telerik:RadAjaxManager>
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" RenderMode="Lightweight" Skin="Bootstrap"></telerik:RadSkinManager>
<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" AutoTooltipify="true" Skin="Bootstrap"></telerik:RadToolTipManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" RenderMode="Lightweight" Skin="Bootstrap"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="Grid3Panel" runat="server" LoadingPanelID="RadAjaxLoadingPanel2">
	<telerik:RadGrid ID="Grid3" runat="server" Width="100%" Skin="Bootstrap" RenderMode="Lightweight" AutoGenerateColumns="false" DataSourceID="dsGrid3" AllowPaging="true" PagerStyle-AlwaysVisible="true" PageSize="50" CssClass="Gridheight2">
		<ClientSettings>
			<Scrolling AllowScroll="true" UseStaticHeaders="true" />
			<Selecting AllowRowSelect="true" CellSelectionMode="SingleCell" />
			<Resizing AllowRowResize="true" EnableRealTimeResize="True" ResizeGridOnColumnResize="true" AllowColumnResize="True" />
			<ClientEvents OnGridCreated="Grid3_OnGridCreated" />
		</ClientSettings>
	<MasterTableView DataKeyNames="Check_Number" HeaderStyle-Font-Bold="true" HeaderStyle-Width="200px" ItemStyle-Font-Size="8pt" CommandItemDisplay="Top" CommandItemSettings-ShowRefreshButton="true" CommandItemSettings-ShowAddNewRecordButton="false">							
		<Columns>
			<telerik:GridBoundColumn DataField="Check_Number" UniqueName="Check_Number" HeaderText="Check Number" DataType="System.String"></telerik:GridBoundColumn>
			<telerik:GridBoundColumn DataField="Member_Name" UniqueName="Member_Name" HeaderText="Payee Name" DataType="System.String"></telerik:GridBoundColumn>
			<telerik:GridBoundColumn DataField="Member_ID" UniqueName="Member_ID" HeaderText="Payee ID" DataType="System.String"></telerik:GridBoundColumn>
			<telerik:GridBoundColumn DataField="SSN" UniqueName="SSN" HeaderText="SSN" DataFormatString="{0:###-##-####}"></telerik:GridBoundColumn>
			<telerik:GridBoundColumn DataField="Payment_Amount" UniqueName="Payment_Amount" HeaderText="Check Amount" DataType="System.Double" DataFormatString="{0:c}"></telerik:GridBoundColumn>
			<telerik:GridBoundColumn DataField="Payment_Date" UniqueName="Payment_Date" HeaderText="Check Date" DataType="System.DateTime" DataFormatString="{0:d}"></telerik:GridBoundColumn>
			</Columns>
	</MasterTableView>
</telerik:RadGrid>
</telerik:RadAjaxPanel>

JS
 
function Grid3_OnGridCreated(s, e) {
	var masterview = s.get_masterTableView();
	var datarows = masterview.get_dataItems();
	for (i = 0; i < datarows.length; i++) {
		var rowselector3 = '';
		if (datarows[i]._element.cells['0'].className == 'rgResizeCol') {
			rowselector3 = datarows[i]._element.cells['0'];
			if (rowselector3 !== null) {
				var ssn = datarows[i].get_cell("SSN").innerText.replace("-", "");
				ssn = ssn.trim()
				if (ssn.length == 0) {
					rowselector3.title = "Member has no SSN - This may cause an issue with payment.";
					rowselector3.bgColor = '#ffc107';
				}
			}
		}
	}
}

Fred
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 21 May 2025
1 answer
25 views

Hi Team,

We are using the Telerik RadScheduler control in our ASP.NET Web Application, configured with a Timeline view and vertical resource grouping. Appointments are displayed in the content pane, similar to the example provided in the following link, with the key difference being that resource grouping is set to vertical:

https://demos.telerik.com/aspnet-ajax/scheduler/examples/timelineview/defaultcs.aspx

Appointments are editable for drag-and-drop functionality. We have also implemented a confirmation dialog that appears when a user drops an appointment. If the user selects "No", the appointment reverts to its original position.

Reference for the confirmation dialog implementation:
https://www.telerik.com/forums/display-a-confirmation-dialog-box-for-scheduler-drag-and-drop

Issue:

We are encountering a UI issue when a user drags an appointment to the first hour in the timeline view. If the appointment is moved slightly beyond the start of the timeline (into the previous period), it visually shrinks in width. Upon triggering the confirmation dialog and selecting "No", the appointment correctly returns to its original position, but its visual width remains reduced. This is corrected only upon a manual page refresh. Images shown below for reference.

Before Drag:

During Drag:

After Cancel drop:

Request:

Is there a recommended approach to restore the original visual dimensions of the appointment without requiring a manual refresh? We would like to maintain a consistent UI state immediately after canceling the drag operation.

 

Thanks

Sathyendranath

Vasko
Telerik team
 answered on 19 May 2025
2 answers
146 views

Hi,

I recently updated to the 2025 version of telerik. I did it through the nuget option. Followed the steps and added the license file to the roaming directory. So far haven't seen any build errors, no watermarks or popups. I assume everything went smoothly. However, I see a warning, "Telerik and Kendo UI Licensing warning TKL001: No Telerik or Kendo UI product references detected in project." It says that one is to update to 1.4.9. I have 2 sites using this:

  • Front site has only aspnet.ajax.net462 installed and the Licensing version has the most latest at 1.4.6. 1.4.9 is not in the drop
  • Admin site has aspnet.ajax.net462 installed followed by windows.zip, windows.documents.spreadsheet, windows.documents.spreadsheet.formatprovider.openxml, windows.documents.core, windows.documents.drawingml, windows.documents.spreadsheet, windows.documents.fixed, windows.documents.flow, windows.documents.flow.formatproviders.pdf, and windows.documents.fixed. In this instance I was able to update the licensing version to 1.6.5

In both cases I still see the warning. Is this something I should just ignore?

Paul
Top achievements
Rank 1
Iron
 answered on 16 May 2025
1 answer
55 views

I am trying to upgrade Telerik UI for ASP.NET AJAX from R3 2021 SP1 (version 2021.3.1111) to the latest release 2025.1.416 to fix the CVE-2025-3600 vulnerability in our ASP.NET Web Forms application which is using the PDFViewer control. I am using Visual Studio 2017 to do this.

I used the Progress Control Panel to upgrade my Telerik UI for ASP.NET AJAX installed product to the latest version and it appears to have uninstalled the Visual Studio Extension for Telerik UI for ASP.NET AJAX in Visual Studio. I tried the Turn Features On/Off option for the product in the Progress Control Panel to re-install the extension, but it only gives me greyed-out options for Visual Studio 2019 Support and Visual Studio 2022 Support.

I also tried the stand-alone extension install from Visual Studio Gallery, but the VISX Installer fails with the message "This extension is not installable for any installed products". In the Install Log is says, "Extension is signed with an invalid certificate" and "The revocation function was unable to check revocation for the certificate".

I see at the following link...

Telerik Web Forms Visual Studio Visual Studio Extensions Overview - Telerik UI for ASP.NET AJAX

It says...

Visual Studio Extensions for Telerik® UI for ASP.NET AJAX are distributed with the Telerik® UI for ASP.NET AJAX installer. They can be downloaded and installed as separate product from the Visual Studio Gallery only for Visual Studio 2012 and later. The extensions support Visual Studio 2015, 2017, 2019 and 2022 handling .NET 4.5-4.8.1 projects.

...so I was expecting the extension to be compatible with Visual Studio 2017 still.

I would prefer to carry out an Automatic Upgrade in our application rather than a Manual Upgrade to ensure the upgrade is done correctly.

Can you help please?

Thanks.

Rumen
Telerik team
 updated answer on 16 May 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?