Progress® Telerik® UI for Blazor Feedback Portal
Recently Updated
New Items
Most Popular
Status Info
Recently Updated
Request a Feature Report a Bug
Need More Info
Last Updated: 25 Nov 2022 08:10 by ADMIN
Grid - option to automatically add title property (containing text value) on every td (for columns without Template)
Created by: Katja
Comments: 1
Category: UI for Blazor
Type: Feature Request
0
Grid - option to automatically add title property (containing text value) on every td (for columns without Template)

Hi,

Could it be possible to add an option to automatically add title property (containing text value) on every td?
We don't like 'multi-row' rows in a grid, so we use ellipsis with white-space no-wrap.. So it would be very useful to automatically add a title containing the text value of the cell (of course only for cells without a Template).
Otherwise we need to add a Template with a title to every column we already have, which is... 

Thanks in advance!

Greetings.

Need More Info
Last Updated: 25 Nov 2022 07:58 by ADMIN
Tooltip sometimes doesn't show on Click intermittently
Created by: Vinod
Comments: 1
Category: UI for Blazor
Type: Bug Report
0
Tooltip sometimes doesn't show on Click intermittently

Team,

Currently I am using Telerik UI Blazor with 3.7.0 version, few cases and intermittently TooltipShowEvent.Click is not working and tooltip is not getting displayed and unable to find root cause for it.

Could you please assist what is causing for this behaviour and feasible solution?

Below is sample code snippet where we use 3 tabs

<TelerikTabStrip Class="tmGraphTabStrip" ActiveTabIndex="@ActiveTab" ActiveTabIndexChanged="@ActiveTabChanged" @ref="@TabRef">
@for (var i = 0; i < 4; i++)
 {
<TabStripTab Title="@TabName" Class="tmTabHeaderCellStyle">
<TelerikGridLayout RowSpacing="20px" ColumnSpacing="1px" Class="grid-CardlayoutNew">
@*
display data in gridlayout structure for each row/column along with tooltip, we are able to see div selector and target selector Ids from Dev Tools browser
*@
</TelerikGridLayout>
</TabStripTab>
}
</TelerikTabStrip>

Ex:

<TelerikTooltip TargetSelector="@ToolTipCurselector" ShowOn="@TooltipShowEvent.Click" Position="TooltipPosition.Top">
</TelerikTooltip>

Need More Info
Last Updated: 14 Nov 2022 16:22 by ADMIN
Support for Blazor components used as Custom Elements
Created by: Nadezhda
Comments: 0
Category: UI for Blazor
Type: Feature Request
1
Support for Blazor components used as Custom Elements

We'd like to track the community demand for using the Telerik Blazor components as Custom Elements.

Please share example common scenarios for such usage and list the components you want to register as Custom Elements to use in other SPA frameworks such as Angular or React.

Need More Info
Last Updated: 09 Nov 2022 14:43 by ADMIN
Grid-like features for the MultiColumnComboBox
Created by: Arash
Comments: 3
Category: MultiColumnComboBox
Type: Feature Request
1
Grid-like features for the MultiColumnComboBox
I was wondering if the component can filter rows by searching in more than one column.
Need More Info
Last Updated: 07 Nov 2022 07:11 by ADMIN
Getting unknown exception while using Telerik Media Query with Safari browser
Created by: Kasim
Comments: 5
Category: UI for Blazor
Type: Bug Report
1
Getting unknown exception while using Telerik Media Query with Safari browser

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 )
Need More Info
Last Updated: 26 Oct 2022 12:07 by ADMIN
An error occurred while running the wizard
Created by: Kasim
Comments: 4
Category: Installer and VS Extensions
Type: Bug Report
1
An error occurred while running the wizard
Error executing custom action Telerik.Blazor.VSX.Actions.UpdateMasterPageAction: System.NullReferenceException: Object reference not set to an instance of an object.
   at Telerik.Blazor.VSX.ProjectWrappers.ProjectWrap.<SetIsRootProject>b__30_0()
   at Telerik.VSX.Internal.VisualStudio.VisualStudioThreadHelper.<>c__DisplayClass1_0`1.<<RunInMainThread>b__0>d.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at Microsoft.VisualStudio.Threading.JoinableTask.CompleteOnCurrentThread()
   at Microsoft.VisualStudio.Threading.JoinableTask`1.CompleteOnCurrentThread()
   at Telerik.VSX.Internal.VisualStudio.VisualStudioThreadHelper.RunInMainThread[T](Func`1 func)
   at Telerik.Blazor.VSX.ProjectWrappers.ProjectWrap..ctor(Project dteProject)
   at Telerik.Blazor.VSX.ProjectManagement.ProjectWrapFactory.<>c.<.cctor>b__5_0(Project p)
   at Telerik.VSX.Internal.ProjectManagement.ProjectWrapFactoryBase`1.GetForProjects(IList`1 projects)
   at Telerik.Blazor.VSX.Actions.UpdateMasterPageAction.GetProjectWrapsForSolution(IProjectWrap projectWrap)
   at Telerik.Blazor.VSX.Actions.UpdateMasterPageAction.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments, IProjectWrap projectWrap)
   at Telerik.VSX.WizardEngine.ActionManager.ExecActions()
Need More Info
Last Updated: 17 Oct 2022 13:37 by ADMIN
Use a single textbox for the DateRangePicker
Created by: Sylvain
Comments: 7
Category: DateRangePicker
Type: Feature Request
1
Use a single textbox for the DateRangePicker

Hello,

Having one textbox and one label would be great. Please consider it.
Need More Info
Last Updated: 04 Oct 2022 11:31 by ADMIN
version 3.6.1 breaks my css
Created by: Shawn
Comments: 1
Category: UI for Blazor
Type: Bug Report
2
version 3.6.1 breaks my css

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

 

Need More Info
Last Updated: 30 Sep 2022 15:20 by ADMIN
[Accessibility] FilterRow filter numeric edit box has invalid aria-valuemin/aria-valuemax values
Created by: Leon
Comments: 3
Category: UI for Blazor
Type: Bug Report
0
[Accessibility] FilterRow filter numeric edit box has invalid aria-valuemin/aria-valuemax values

 

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.
Need More Info
Last Updated: 24 Aug 2022 14:03 by ADMIN
Radial Menu Control
Created by: Nicholas
Comments: 1
Category: UI for Blazor
Type: Feature Request
0
Radial Menu Control

As an extension to a context menu a radial menu control would be a nice addition.  

https://ux.stackexchange.com/questions/25002/are-circular-menu-button-interfaces-intuitive

 

Need More Info
Last Updated: 12 Jul 2022 14:54 by Thor Ludvig
Add Id parameter on all Blazor components
Created by: Hien
Comments: 11
Category: UI for Blazor
Type: Feature Request
26
Add Id parameter on all Blazor components

I would like to be able to set the Id on any Blazor component for automated testing purposes.

---

ADMIN EDIT

If you need something different than automated testing selectors, please add your use case in the comments.

For automated testing, you can cascade selectors through a parent element (e.g., a div or span) that has the desired attributes (be that id, class, some data-* attribute, etc.). Adding ID parameters to Blazor components can easily make them brittle because they can be repeated and included in arbitrary hierarchy easily - that's the core concept of a razor component - so such IDs need to be unique, which defeats the predictability you will need for testing.

If you are interested in testing with Selenium, you may find useful this request: https://feedback.telerik.com/blazor/1513117-translators-for-selenium-testing-for-the-telerik-ui-for-blazor-components. If so, Vote for it and Follow it so we can know there is interest, and so you can get status updates.

You can also Follow a separate enhancement for the Grid Command buttons here : https://feedback.telerik.com/blazor/1463164-id-attribute-on-buttons-telerikbuttons-gridcommandbuttons-etc

---

Need More Info
Last Updated: 06 Jun 2022 10:55 by ADMIN
installation of trial Blazor UI broke Visual Studio 2022 extensions. Cannot create Telerik project. Cannot open VS Blazor projects.
Created by: Rossen
Comments: 1
Category: Installer and VS Extensions
Type: Bug Report
0
installation of trial Blazor UI broke Visual Studio 2022 extensions. Cannot create Telerik project. Cannot open VS Blazor projects.
Installation of trial Blazor UI broke Visual Studio 2022 extensions. Cannot create Telerik Blazor project. Cannot open VS Blazor projects.
Need More Info
Last Updated: 01 Jun 2022 11:36 by ADMIN
Fixed width for a grid column, remaining columns to autosize.
Created by: Peter
Comments: 1
Category: Grid
Type: Feature Request
3
Fixed width for a grid column, remaining columns to autosize.

   So what I propose is a fixed width for a column of the grid (and locked) with the remaining columns auto-sizing.

In my situation, I have an action switch button where the client can delete a row, edit a row etc but the action code dropdown column needs to ALWAYS be the same width.  The rest of the columns should automatically size based on the existing behaviour.

   Now I have tried using the autosize for just that column, but I have to render the grid first, then run the autosize (which gives a fun show of resizing to the user) then all the columns become fixed width, but the vertical scroll bar doesn't move and stays in its initial position.

 

 

Need More Info
Last Updated: 30 May 2022 12:25 by ADMIN
Charts do not display in Chromium, Puppeteer, and other automated tools
Created by: Brian
Comments: 1
Category: Charts
Type: Bug Report
0
Charts do not display in Chromium, Puppeteer, and other automated tools

Can the dev team comment on any known reasons why Charts (I think both SVG and Canvas) might not display when a blazor page is rendered from an automation tool like Chromium, Puppeteer, etc.? (e.g., https://developers.google.com/web/tools/puppeteer).

I have a standard blazor page that I can manually from a standard Chrome window, and it works fine and the Telerik chart displays.

But the same page, when launched either headless or with a GUI browser window, from a tool like Chromium or Puppeteer (with javascript enabled of course), it seems like the DOM is never dynamically updated to include the chart.

Need More Info
Last Updated: 19 Mar 2022 14:17 by ADMIN
Chart tooltip location is incorrect
Created by: Adam
Comments: 3
Category: UI for Blazor
Type: Bug Report
0
Chart tooltip location is incorrect

Hi, we are using a tile layout for charts and are having an issue where the tooltips for the second row of tiles are appearing at the bottom of the screen away from the chart or not at all. Then when we scroll back to the first row of tiles the tool tips are out of alignment as well. The following screen shot shows an example.

 

We have a component that has a tab strip and the tile layout with the following code

<TabStripTab Title="@tabName">
	@((MarkupString)tabHeading)
				
	<TelerikTileLayout Columns="6"
						RowHeight="225px"
						ColumnWidth="285px"
						Reorderable="true"
						Resizable="true"
						OnResize="@ItemResize"
						OnReorder="@ItemReorder"
						@ref="@TileLayout">
		<TileLayoutItems>
			@foreach (CustomChartViewModel chart in tab.Charts)
			{
				int colSpan = 2;
				int rowSpan = 2;

				<TileLayoutItem RowSpan="@rowSpan" ColSpan="@colSpan">
					<HeaderTemplate>
						<div style="text-align: right">
							<TelerikButton OnClick="@(() => onDeleteChart(chart.Id, tab.Id))">X</TelerikButton>
						</div>
					</HeaderTemplate>	
					<Content>
						<ChartComponent ViewModel="@chart" @ref="@charts[chart.Id]" />
					</Content>
				</TileLayoutItem>
			}
		</TileLayoutItems>
	</TelerikTileLayout>
</TabStripTab>

And then a chart component that renders the individual charts with a tooltip


<TelerikChart @ref="@ChartRef" Height="100%" Width="100%" OnSeriesClick="@OnSeriesClickHandler">
	<ChartTooltip Visible="true">
		<Template>
			<TelerikIcon Icon="information" />
                    @(context.Percentage.ToString("P", nfi))<br />
					@((context.DataItem as MyDataModel).toolTip)
		</Template>
	</ChartTooltip>
	<ChartSeriesItems>
		<ChartSeries Type="ChartSeriesType.Donut" Data="@Data" Field="value" CategoryField="category" ColorField="color">
			<ChartSeriesLabels Position="ChartSeriesLabelsPosition.OutsideEnd"
							   Visible="@ViewModel.ShowLabels"
							   Background="transparent"
							   Template="#= category #: #= value#">
			</ChartSeriesLabels>
		</ChartSeries>
	</ChartSeriesItems>

	<ChartTitle Text="@ViewModel.Name"></ChartTitle>

	<ChartLegend Position="ChartLegendPosition.Bottom" Visible="@ViewModel.ShowLegend"></ChartLegend>
</TelerikChart>

Need More Info
Last Updated: 22 Feb 2022 10:37 by ADMIN
Expose Rows and Cols for TelerikTextArea
Created by: Pingu
Comments: 1
Category: TextArea
Type: Feature Request
0
Expose Rows and Cols for TelerikTextArea
Textarea size is currently not easily controllable when using TelerikTextArea. My request for the size attribute was declined, as it was mentioned that rows and cols could be used with text areas - but TelerikTextArea doesn't expose these and I believe they should be easy to add support for, to pass through to the rendered textarea.
Need More Info
Last Updated: 13 Jan 2022 09:04 by ADMIN
Numeric textbox accessibility issue
Created by: Bernard
Comments: 1
Category: UI for Blazor
Type: Bug Report
0
Numeric textbox accessibility issue

Hello,

I'm using a numeric textbox and when I test my page for accessibility, Allyable reports the following:

Category: Ensure button or link have discernible text that is not repeated as image description

Selector: .k-form-field-wrap > .k-numerictextbox.k-widget > .k-numeric-wrap > .k-select > [role="button"].k-link-decrease

Severity: Critical

Here is my source code:

<TelerikNumericTextBox @bind-Value="@cardCleaner.Quantity" Id="cleanerQty" Width="100px" />

Is this really an accessibility issue?

Thanks,

Bernard

 

Need More Info
Last Updated: 17 Nov 2021 23:17 by ADMIN
FieldExpression for grid
Created by: Robert
Comments: 8
Category: Grid
Type: Feature Request
5
FieldExpression for grid

I suggest adding a FieldExpression property to the GridColumn so a developer would not need to create view models and templates for simple transformations of the existing model's properties. The field expression would be used for filtering and sorting as well. Its type would be Func<T, object> or Expression<Func<T, object>>.

 

   <TelerikGrid Data="@Persons">
            <GridColumns>
                <GridColumn FieldExpression="@(p => p.FirstName + " " + p.LastName)" />
            </GridColumns>
        </TelerikGrid>

Need More Info
Last Updated: 22 Oct 2021 08:29 by ADMIN
Design tool like Radzen Design Time
Created by: Chun
Comments: 1
Category: UI for Blazor
Type: Feature Request
3
Design tool like Radzen Design Time

Hi,

If Telerik can, at some point, develop a design tool like the Radzen Design Time, that would really be nice!

Thanks

Need More Info
Last Updated: 22 Oct 2021 05:47 by ADMIN
Custom Views for the Gantt Timeline
Created by: Jerdobi
Comments: 2
Category: Gantt
Type: Feature Request
2
Custom Views for the Gantt Timeline

I want to be able to create custom views for the Gantt Timeline, for example - minutes view.

-------------------------

ADMIN EDIT

-------------------------

The post is marked with "Need more info" label, so we can gather feedback from the community on how this feature is expected to be exposed for configuration and what the desired behavior is. An important point to consider regarding this enhancement is that, depending on its implementation, it might override the built-in Gantt Timeline functionalities, so it will be up to the application logic to handle the tasks features (for example editing, dependencies etc). Please share your comments and ideas.

1 2
Create an account Log In
View
Type
Status
Category