Hello,

One of our customers reported that they are trying to enhance the security features for file uploads in RadFileExplorer, Document Manager, and Image Manager. Specifically, for SVG files, they want to inspect the file contents for any embedded JavaScript functions. If the file is deemed unsafe, the upload should fail, and an error message should be displayed to the end user.

We have implemented the necessary backend validation and are able to throw an error message. However, we have not found a way to display this error message in the UI. Is there a recommended approach for implementing error message display in this scenario?

Thanks,

Lan

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

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

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

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.

<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>

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';
				}
			}
		}
	}
}

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