I would really like to see a flyout control.  Something like the below

This would allow me to attach a popup dialog to a control instead of just doing a dialog at the center of the screen.

I need to track users activity per day like this, it is possible to do with any of the current components scheduler timeline? can you provide such option/component?

Need to include different colors in the bar. We were using google charts timeline but it is discontinued.

 

While using Safari browser, I am getting following exception message:

 

SyntaxError: Unexpected private name #a. Cannot parse class method with private name.
blazor.webassembly.js:1:35655crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined).
      https://mywebsite.com/_framework/blazor.webassembly.js:1:337
      forEach@[native code]
      findFunction@https://mywebsite.com/_framework/blazor.webassembly.js:1:303
      https://mywebsite.com/_framework/blazor.webassembly.js:1:3326
      Promise@[native code]
      beginInvokeJSFromDotNet@https://mywebsite.com/_framework/blazor.webassembly.js:1:3317
      St@https://mywebsite.com/_framework/blazor.webassembly.js:1:59961
      _mono_wasm_invoke_js_blazor@https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:195318
      wasm-stub@[wasm code]
      <?>.wasm-function[219]@[wasm code]
      <?>.wasm-function[167]@[wasm code]
      <?>.wasm-function[166]@[wasm code]
      <?>.wasm-function[2815]@[wasm code]
      <?>.wasm-function[1619]@[wasm code]
      <?>.wasm-function[1623]@[wasm code]
      <?>.wasm-function[118]@[wasm code]
      wasm-stub@[wasm code]
      118@[native code]
      https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:219007
      managed_BINDINGS_SetTaskSourceResult
      https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:154658
      promiseReactionJob@[native code]
Microsoft.JSInterop.JSException: Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined).
https://mywebsite.com/_framework/blazor.webassembly.js:1:337
forEach@[native code]
findFunction@https://mywebsite.com/_framework/blazor.webassembly.js:1:303
https://mywebsite.com/_framework/blazor.webassembly.js:1:3326
Promise@[native code]
beginInvokeJSFromDotNet@https://mywebsite.com/_framework/blazor.webassembly.js:1:3317
St@https://mywebsite.com/_framework/blazor.webassembly.js:1:59961
_mono_wasm_invoke_js_blazor@https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:195318
wasm-stub@[wasm code]
<?>.wasm-function[219]@[wasm code]
<?>.wasm-function[167]@[wasm code]
<?>.wasm-function[166]@[wasm code]
<?>.wasm-function[2815]@[wasm code]
<?>.wasm-function[1619]@[wasm code]
<?>.wasm-function[1623]@[wasm code]
<?>.wasm-function[118]@[wasm code]
wasm-stub@[wasm code]
118@[native code]
https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:219007
managed_BINDINGS_SetTaskSourceResult
https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:154658
promiseReactionJob@[native code]
   at Microsoft.JSInterop.JSRuntime.<InvokeAsync>d__16`1[[System.String, System.Private.CoreLib, Version=6.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()
   at Telerik.Blazor.Components.Dialog.DialogBuilder.OnAfterRenderAsync(Boolean firstRender)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task , ComponentState )
5blazor.webassembly.js:1:35655crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Could not find 'TelerikBlazor.initMediaQuery' ('TelerikBlazor' was undefined).
      https://mywebsite.com/_framework/blazor.webassembly.js:1:337
      forEach@[native code]
      findFunction@https://mywebsite.com/_framework/blazor.webassembly.js:1:303
      https://mywebsite.com/_framework/blazor.webassembly.js:1:3326
      Promise@[native code]
      beginInvokeJSFromDotNet@https://mywebsite.com/_framework/blazor.webassembly.js:1:3317
      St@https://mywebsite.com/_framework/blazor.webassembly.js:1:59961
      _mono_wasm_invoke_js_blazor@https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:195318
      wasm-stub@[wasm code]
      <?>.wasm-function[219]@[wasm code]
      <?>.wasm-function[167]@[wasm code]
      <?>.wasm-function[166]@[wasm code]
      <?>.wasm-function[2815]@[wasm code]
      <?>.wasm-function[1619]@[wasm code]
      <?>.wasm-function[1623]@[wasm code]
      <?>.wasm-function[118]@[wasm code]
      wasm-stub@[wasm code]
      118@[native code]
      https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:219007
      managed_BINDINGS_SetTaskSourceResult
      https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:154658
      promiseReactionJob@[native code]
Microsoft.JSInterop.JSException: Could not find 'TelerikBlazor.initMediaQuery' ('TelerikBlazor' was undefined).
https://mywebsite.com/_framework/blazor.webassembly.js:1:337
forEach@[native code]
findFunction@https://mywebsite.com/_framework/blazor.webassembly.js:1:303
https://mywebsite.com/_framework/blazor.webassembly.js:1:3326
Promise@[native code]
beginInvokeJSFromDotNet@https://mywebsite.com/_framework/blazor.webassembly.js:1:3317
St@https://mywebsite.com/_framework/blazor.webassembly.js:1:59961
_mono_wasm_invoke_js_blazor@https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:195318
wasm-stub@[wasm code]
<?>.wasm-function[219]@[wasm code]
<?>.wasm-function[167]@[wasm code]
<?>.wasm-function[166]@[wasm code]
<?>.wasm-function[2815]@[wasm code]
<?>.wasm-function[1619]@[wasm code]
<?>.wasm-function[1623]@[wasm code]
<?>.wasm-function[118]@[wasm code]
wasm-stub@[wasm code]
118@[native code]
https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:219007
managed_BINDINGS_SetTaskSourceResult
https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:154658
promiseReactionJob@[native code]
   at Microsoft.JSInterop.JSRuntime.<InvokeAsync>d__16`1[[System.Boolean, System.Private.CoreLib, Version=6.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()
   at Telerik.Blazor.Components.TelerikMediaQuery.InitMediaQueryWidget()
   at Telerik.Blazor.Components.TelerikMediaQuery.OnAfterRenderAsync(Boolean firstRender)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task , ComponentState )
blazor.webassembly.js:1:35655crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Could not find 'TelerikBlazor.initDrawer' ('TelerikBlazor' was undefined).
      https://mywebsite.com/_framework/blazor.webassembly.js:1:337
      forEach@[native code]
      findFunction@https://mywebsite.com/_framework/blazor.webassembly.js:1:303
      https://mywebsite.com/_framework/blazor.webassembly.js:1:3326
      Promise@[native code]
      beginInvokeJSFromDotNet@https://mywebsite.com/_framework/blazor.webassembly.js:1:3317
      St@https://mywebsite.com/_framework/blazor.webassembly.js:1:59961
      _mono_wasm_invoke_js_blazor@https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:195318
      wasm-stub@[wasm code]
      <?>.wasm-function[219]@[wasm code]
      <?>.wasm-function[167]@[wasm code]
      <?>.wasm-function[166]@[wasm code]
      <?>.wasm-function[2815]@[wasm code]
      <?>.wasm-function[1619]@[wasm code]
      <?>.wasm-function[1623]@[wasm code]
      <?>.wasm-function[118]@[wasm code]
      wasm-stub@[wasm code]
      118@[native code]
      https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:219007
      managed_BINDINGS_SetTaskSourceResult
      https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:154658
      promiseReactionJob@[native code]
Microsoft.JSInterop.JSException: Could not find 'TelerikBlazor.initDrawer' ('TelerikBlazor' was undefined).
https://mywebsite.com/_framework/blazor.webassembly.js:1:337
forEach@[native code]
findFunction@https://mywebsite.com/_framework/blazor.webassembly.js:1:303
https://mywebsite.com/_framework/blazor.webassembly.js:1:3326
Promise@[native code]
beginInvokeJSFromDotNet@https://mywebsite.com/_framework/blazor.webassembly.js:1:3317
St@https://mywebsite.com/_framework/blazor.webassembly.js:1:59961
_mono_wasm_invoke_js_blazor@https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:195318
wasm-stub@[wasm code]
<?>.wasm-function[219]@[wasm code]
<?>.wasm-function[167]@[wasm code]
<?>.wasm-function[166]@[wasm code]
<?>.wasm-function[2815]@[wasm code]
<?>.wasm-function[1619]@[wasm code]
<?>.wasm-function[1623]@[wasm code]
<?>.wasm-function[118]@[wasm code]
wasm-stub@[wasm code]
118@[native code]
https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:219007
managed_BINDINGS_SetTaskSourceResult
https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:154658
promiseReactionJob@[native code]
   at Microsoft.JSInterop.JSRuntime.<InvokeAsync>d__16`1[[System.Object, System.Private.CoreLib, Version=6.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()
   at Telerik.Blazor.Components.TelerikDrawer`1.<InitDrawer>d__131[[eDubaiTaaruf2022.Shared.MenuItemModel, eDubaiTaaruf2022.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].MoveNext()
   at Telerik.Blazor.Components.TelerikDrawer`1.<OnAfterRenderAsync>d__121[[eDubaiTaaruf2022.Shared.MenuItemModel, eDubaiTaaruf2022.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].MoveNext()
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task , ComponentState )
6blazor.webassembly.js:1:35655crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Could not find 'TelerikBlazor.initMediaQuery' ('TelerikBlazor' was undefined).
      https://mywebsite.com/_framework/blazor.webassembly.js:1:337
      forEach@[native code]
      findFunction@https://mywebsite.com/_framework/blazor.webassembly.js:1:303
      https://mywebsite.com/_framework/blazor.webassembly.js:1:3326
      Promise@[native code]
      beginInvokeJSFromDotNet@https://mywebsite.com/_framework/blazor.webassembly.js:1:3317
      St@https://mywebsite.com/_framework/blazor.webassembly.js:1:59961
      _mono_wasm_invoke_js_blazor@https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:195318
      wasm-stub@[wasm code]
      <?>.wasm-function[219]@[wasm code]
      <?>.wasm-function[167]@[wasm code]
      <?>.wasm-function[166]@[wasm code]
      <?>.wasm-function[2815]@[wasm code]
      <?>.wasm-function[1619]@[wasm code]
      <?>.wasm-function[1623]@[wasm code]
      <?>.wasm-function[118]@[wasm code]
      wasm-stub@[wasm code]
      118@[native code]
      https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:219007
      managed_BINDINGS_SetTaskSourceResult
      https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:154658
      promiseReactionJob@[native code]
Microsoft.JSInterop.JSException: Could not find 'TelerikBlazor.initMediaQuery' ('TelerikBlazor' was undefined).
https://mywebsite.com/_framework/blazor.webassembly.js:1:337
forEach@[native code]
findFunction@https://mywebsite.com/_framework/blazor.webassembly.js:1:303
https://mywebsite.com/_framework/blazor.webassembly.js:1:3326
Promise@[native code]
beginInvokeJSFromDotNet@https://mywebsite.com/_framework/blazor.webassembly.js:1:3317
St@https://mywebsite.com/_framework/blazor.webassembly.js:1:59961
_mono_wasm_invoke_js_blazor@https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:195318
wasm-stub@[wasm code]
<?>.wasm-function[219]@[wasm code]
<?>.wasm-function[167]@[wasm code]
<?>.wasm-function[166]@[wasm code]
<?>.wasm-function[2815]@[wasm code]
<?>.wasm-function[1619]@[wasm code]
<?>.wasm-function[1623]@[wasm code]
<?>.wasm-function[118]@[wasm code]
wasm-stub@[wasm code]
118@[native code]
https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:219007
managed_BINDINGS_SetTaskSourceResult
https://mywebsite.com/_framework/dotnet.6.0.9.6fcfkep18v.js:1:154658
promiseReactionJob@[native code]
   at Microsoft.JSInterop.JSRuntime.<InvokeAsync>d__16`1[[System.Boolean, System.Private.CoreLib, Version=6.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()
   at Telerik.Blazor.Components.TelerikMediaQuery.InitMediaQueryWidget()
   at Telerik.Blazor.Components.TelerikMediaQuery.OnAfterRenderAsync(Boolean firstRender)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task , ComponentState )

The desired use case is to have the ColumnChooser as a separate component that is not dependent and opened from the menu of a specific column. I want to have the ability to open the ColumnChooser from a button in the Toolbar, for example.

It would be great if touch support could be added to the Blazor carousel component, to make it possible to swipe left and right on mobile devices. Presumably it would also drag left and right with a mouse on laptop/desktop machines.

At the moment the component isn't really usable on a modern website as it does not behave as users expect on mobile devices such as phones and tablets.

Please add CrossTab component. Like in reporting https://docs.telerik.com/reporting/report-items/table-crosstab-list/understanding-crosstab-areas

https://demos.telerik.com/blazor-ui?_ga=2.8703669.100016802.1664949455-1931469790.1620243254

 

error 500

I would like to use a MultiColumnMultiSelect component. 

Please create clean formatting button. It should work similar to the clean formatting button in the "Send Email" window in this demo https://demos.telerik.com/reporting/dashboard.

When you click the new button, if the text has any formatting (bold, italic, etc.), the formatting will be removed (the text will no longer be bold, italic, etc).

After upgrading to Telerik Version 3.6.1 my CSS is messed up on my grids, the pagers look like the image below.

 

Telerik.Blazor.DialogFactory

User types in an input string, but they have to click 'ok' with the mouse to proceed - typing enter does nothing

 

I'm using a numeric textbox to handle a decimal value with the Format is set to "#,0" (which it needs to be since the client's specification is to have a whitespace as a decimal separator). While the entered value is less than a thousand then the entire value gets selected when tabbing into the component, but once it's large enough to display a group separator tabbing just puts the cursor at the end of the input without selecting the value.

I believe this to be a bug.

Today I submitted ticket Telerik VS 2022 Extensions break IntelliSense/typing in Visual Studio 2022 Version 17.3.4 but it doesn't show on Support Center under 'Your Support Tickets'. The only ticket that shows is from 9 months ago.

BTW, I'm reporting this thicket and previous ticket under UI for Blazor because I didn't see how to report it for the Extensions and for Support Center. Maybe that's another thing you need to look at?

Below issue was submitted 6 days ago. Currently developers are disabling/uninstalling Telerik extensions. I don't see any relies from Telerik so submitting another bug report hoping you'll reply to this one.

Please fix it!!!

Telerik UI for Blazor 3.6.0 breaks intellisense/typing in Visual Studio 2022 Version 17.3.4

 

Title: WCAG 4.1.2: Ensures all ARIA attributes have valid values (input[_bl_2=""])
Tags: Accessibility, WCAG 4.1.2, aria-valid-attr-value

Issue: Ensures all ARIA attributes have valid values (aria-valid-attr-value - https://accessibilityinsights.io/info-examples/web/aria-valid-attr-value)

Target application: Hermes Home - https://localhost/TrafficLoss

Element path: input[_bl_2=""]

Snippet: <input tabindex="0" class="k-input-inner" role="spinbutton" aria-valuemin="-1.7976931348623157E+308" aria-valuemax="1.7976931348623157E+308" data-id="fe5748c4-0ddd-455e-ad61-aafc0e0367fb" _bl_2="">

How to fix: 
Fix all of the following:
  Invalid ARIA attribute values: aria-valuemin="-1.7976931348623157E+308", aria-valuemax="1.7976931348623157E+308"

Environment: Microsoft Edge version 105.0.1343.42

====

This accessibility issue was found using Accessibility Insights for Web 2.34.1 (axe-core 4.4.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

This is kind of hard to explain, so please see the attached Before and After videos.  In these videos, I'm using a brand new .NET 6 console app.

In the Before video, the Telerik UI for Blazor extension is disabled.  After I type `Console` and hit the period, I see intellisense like I expect to.

In the After video, the extension is enabled.  I'm typing the same thing and hitting period, but something interrupts the period keystroke, and it never appears.  Instead, it just closes the intellisense window.

I used a new console app as an example, but it's happening in all projects.  It's also happening with other keys like semicolons, spaces, and tabs.  It's causing a huge amount of typos and making so I often have to hit keystrokes twice in order for them to register.

I tried doing a full reinstall of Visual Studio.  Everything's fine until I install the Telerik extension, then it starts.  If I disable the extension, the issue goes away.

Hello.

I have a scenario where I need to make some nodes in a TreeView checkable and some not.  It would be nice if there was an "IsCheckable" binding that determines whether a node should render a checkbox or not.

Although I've no use for it yet, the same could be done for "IsSelectable".  

Is there some way to do this already, and I'm just not seeing it?  I'd prefer not to use JavaScript interop, or recreate the checkbox functionality through an ItemTemplate.

I know this has been a request since a long time ago, I found it in the jQuery version, and I have found that Syncfusion has found a way to handle this specific possibility.

As I'm quite enjoying the rest of the Telerik suite for Blazor, I'd like for this ability to be added in the Scheduler.

There are several ways to handle this, but one of the possible ways is what Syncfusion has done with SetWorkHoursAsync(List<DateTime>, String, String, Nullable<Int32>).

I'm usually showing either a specific day or a week, since my locations are possibly open every day of the week.

I'm currently handling breaks/no possible appointment windows during the work period with an uninteractable appointment, so at least I found a way through that.

Telerik Blazor charts are fine for some use cases but D3.js is much more powerful visualization library, could you provide blazor components/interops easily use D3.js in blazor?

I would like to customize the appearance of the cells of the calendar in all Date pickers.