Progress® Telerik® UI for Blazor Feedback Portal

Unplanned

Last Updated: 18 Aug 2023 14:54 by ADMIN

Stock chart navigator separate component

Created by: Philip

Comments: 6

Category: UI for Blazor

Type: Feature Request

Stock chart navigator separate component

Hello

Just seeing if it would be easy to separate the "StockChartNavigator" component that currently sits within the "TelerikStockChart" component.

So in other words, have a generic "ChartNavigator" component; the navigator is very good as a standalone and could be applied to many things such as grids, non-telerik charts (not only stock data) etc.

Alternatively, if there were a way to override the chart template of the TelerikStockChart, that would achieve the same result?

Cheers
Phil

Duplicated

Last Updated: 09 Aug 2023 12:58 by ADMIN

Blank DateTimePicker Placeholder for nullable datetime types

Created by: Tom

Comments: 3

Category: UI for Blazor

Type: Feature Request

Blank DateTimePicker Placeholder for nullable datetime types

Hi,

I see this feature request which is marked as COMPLETED in v2.28 (I`m running v3.7) but I don`t see how to achieve the functionality of having a blank placeholder for a DateTimePicker which has a null datetime variable bound it.

Are you able to help please?

Regards,

Tom

Declined

Last Updated: 07 Aug 2023 11:39 by ADMIN

TelerikGrid rows bound to object type known only at runtime do not behave well in Inline or Incell edit mode

Created by: Jack

Comments: 4

Category: UI for Blazor

Type: Bug Report

TelerikGrid rows bound to object type known only at runtime do not behave well in Inline or Incell edit mode

If I create a <TelerikGrid> whose Data property is set to a collection of 'object' (actual type not known at compile time, only at runtime), I can create <GridColumn> components for each property through e.g.

@{
IEnumerable<PropertyInfo> props = GetModelType().GetProperties();
foreach (PropertyInfo prop in props)
{
string propName = prop.Name;
<GridColumn Field="@propName" ... />
}
}
@code {
private Type GetModelType()
{
Type modelType = ...; // code determines the type of model at runtime ...
return modelType;
}
}

This works fine if the grid's EditMode is GridEditMode.Popup. When editing a row, the popup dialog properly displays each column header and value and binds correctly.

However, this does not work if the EditMode is GridEditMode.Inline nor GridEditMode.Incell. When placing the row in edit mode, no editor control appears at all, and the value in the cell is displayed as blank.

The design of the grid component thus only works well when given a known type at compile time, or one is constrained to always use Popup edit mode due to this flaw.

In addition to a request to fix this, it would also be great if the grid could be passed a Type (a runtime type, not a class name) to use for generating columns automatically, rather than having to resort to developers having to use reflection to generate grid columns themselves.

For instance,
<TelerikGrid T="@GetModelType()" ...> should invoke the GetModelType() method which would return a type at runtime, not necessarily known at compile time. Currently T can only be set to a hard-coded type name such as "Employee".

Completed

Last Updated: 04 Aug 2023 13:19 by ADMIN

Release 4.5.0 (08/30/2023) (R3 PI2)

Telerik Blazor Grid with ExpandoObject and Group Header

Created by: Peili

Comments: 1

Category: UI for Blazor

Type: Bug Report

Telerik Blazor Grid with ExpandoObject and Group Header

My grid bind to ExpandoObjects, and I would like to implement a Group Header.

So I referenced these two documents
https://docs.telerik.com/blazor-ui/knowledge-base/grid-binding-to-expando-object

https://docs.telerik.com/blazor-ui/components/grid/columns/multi-column-headers

From the first document, it make sense to me that we need to set FieldType for each column that binds to ExpandoObject, but it seems this restriction also applies to the group header column, which does not make sense.

Foe example:

I get error:

I need to set FieldType on the "Test Group Header" column to an arbitrary value to get rid of this error.

Duplicated

Last Updated: 04 Aug 2023 07:42 by ADMIN

TelerikNumericTextBox.Decimals default value should NOT be tied to the user's culture

Created by: Jack

Comments: 3

Category: UI for Blazor

Type: Bug Report

TelerikNumericTextBox.Decimals default value should NOT be tied to the user's culture

Per API documentation, the Decimals property defaults to what is set in the user's region (culture). This is a flawed design.

Why would one think that ALL properties of type double or float in grid models should be truncated to 2 decimal places (when my region is set to US and that is the default)?

This seriously limits property values. Not everything is a dollar and cent value! The region setting I believe is for how to format general currency values perhaps (I am not exactly sure what it is for, because there is a different tab for 'Currency' with a 'No. of digits after decimal' setting as well as the tab for 'Numbers' having the same thing. But this does not mean that Windows always formats numbers that way.

Suppose for example I have a property in my model named "Weight" (expressed in terms of pounds). The value 150.12345 (pounds) is perfectly valid. It should not be truncated to 150.12. Or another, "Length" (expressed in terms of Feet): 17.0625 (that's 17 feet, 1 inch) - should not be morphed into 17.06.

To work around this, developers currently either have to override a <GridColumn>'s <EditorTemplate> and place a <TelerikNumericTextBox> element bound to the same property that the <GridColumn> is, and explictly set the Decimals property themselves.

Or what I have found is a better workaround, although not desirable to have to do this at all, is to put this kind of code snippet in the Program.cs file, right after the line var app = builder.Build();

app.UseRequestLocalization(action =>
{
var currentCulture = CultureInfo.CurrentCulture.Clone() as CultureInfo;
currentCulture!.NumberFormat.NumberDecimalDigits = 10; // for example, to allow this many decimal places in everything numeric
var cultures = new List<CultureInfo>() { currentCulture };
action.SupportedCultures = cultures;
});

Please remove the default value for the Decimals property being tied to the culture. It should just allow as many decimal places as a normal float or double would allow for its precision. Perhaps just allow a developer to set it and honor that, but if not set, basically let it be unlimited, just like the number of digits to the left of the decimal point.

Declined

Last Updated: 04 Aug 2023 05:52 by ADMIN

Getting unknown exception while using Telerik Media Query with Safari browser

Created by: Kasim

Comments: 7

Category: UI for Blazor

Type: Bug Report

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 )

Completed

Last Updated: 02 Aug 2023 06:29 by ADMIN

Release 4.4.0 (07/19/2023) (R3 PI1)

Allow selecting and copying text from non-editable inputs (read-only mode)

Created by: Scott

Comments: 18

Category: UI for Blazor

Type: Feature Request

Allow selecting and copying text from non-editable inputs (read-only mode)

I saw a few other posts that requested this feature which in all of the cases was denied saying to use Enabled instead...

The reason we need a ReadOnly state is because the user can not highlight to select the text to copy/paste if desired... that would be the reason we need ReadOnly vs disabled...

Disabled does not allow you to select the text to copy/paste...

---

ADMIN EDIT

A workaround is to re-enable the pointer events and to, optionally, set a highlight color:

<style>
    /* Re-enable selection and scrolling of disabled textboxes.
    Apply text selection style.
    Can cause some side effects with appearance of hover and focus states */
    
    /* UI for Blazor 3.0 + */
    .k-input-inner.k-disabled,
    .k-disabled > .k-input-inner,
    input.k-textbox[disabled] {
        pointer-events: initial;
    }

    .k-input-inner[disabled]::selection {
        color: #fff;
        background-color: #ff6358;
    }

    /* UI for Blazor 2.30 - */

    .k-input.k-state-disabled,
    .k-state-disabled > .k-input,
    .k-state-disabled > .k-dateinput-wrap > .k-input,
    input.k-textbox[disabled] {
        pointer-events: initial;
    }

    .k-input[disabled]::selection {
        color: #fff;
        background-color: #ff6358;
    }

</style>

<TelerikTextBox @bind-Value="@tbText" Enabled="false" />
<TelerikTextArea @bind-Value="@taText" Enabled="false" />
<TelerikDatePicker @bind-Value="@dpDate" Enabled="false" />
<TelerikDropDownList @bind-Value="@ddlVal" Data="@ddlData" Enabled="false" />

@code{
    string tbText { get; set; } = "lorem ipsum";
    string taText { get; set; } = "lorem ipsum\ndolor sit amet\nlorem ipsum\ndolor sit amet";
    DateTime dpDate { get; set; } = DateTime.Now;
    List<int> ddlData { get; set; } = Enumerable.Range(1, 10).ToList();
    int ddlVal { get; set; } = 2;
}

---

Duplicated

Last Updated: 31 Jul 2023 08:56 by ADMIN

Issue with TelerikForm and inline HTML code

Created by: Ivaylo

Comments: 1

Category: UI for Blazor

Type: Bug Report

Issue with TelerikForm and inline HTML code

Hello there,

I encountered an issue with the TelerikForm component after upgrading Telerik.UI.for.Blazor from version 4.0.1 to 4.4.0. In the code below I have placed the two form items in a Bootstrap grid:

<TelerikForm Model="@person">
    <FormValidation>
        <DataAnnotationsValidator></DataAnnotationsValidator>
    </FormValidation>
    <FormItems>
        <div class="row">
            <div class="col-md-6">
                <FormItem Field="@nameof(Person.Id)" LabelText="Id"></FormItem>
            </div>
            <div class="col-md-6">
                <FormItem Field="@nameof(Person.FirstName)"
                        EditorType="@FormEditorType.TextArea"
                        LabelText="First name">
                </FormItem>
            </div>
        </div>
    </FormItems>
</TelerikForm>

With version 4.0.1, the two fields were displayed in two columns within the form element. However, with version 4.4.0, I noticed that the HTML code, specifically the div elements, are now rendered outside of the form element. The HTML structure looks like this:

<div class="row">
	<div class="col-md-6">
	</div>
	<div class="col-md-6">
	</div>
</div>
<form class="k-form telerik-blazor k-form-md" dir="ltr" style="">
	<div class="k-form-field">
		<label class="k-label k-form-label" for="a6cc8103-4d52-4377-8656-169e4a3de33a">
            Id
		</label>
		<div class="k-form-field-wrap">
......

I wanted to check with you if this change is intentional or if it might be a bug with the TelerikForm component in the latest version.

Best regards,

Ivaylo

Completed

Last Updated: 27 Jul 2023 11:39 by ADMIN

Add Popup Editing Option for ListView Component

Created by: Nolan

Comments: 1

Category: UI for Blazor

Type: Feature Request

Add Popup Editing Option for ListView Component

It would be nice to have a Popup Editing feature for the ListView component, similar to the Grid component.

Duplicated

Last Updated: 26 Jul 2023 13:14 by ADMIN

A blank value appears in the dropdown when Grid's total count is equals to the specified pageSize.

Created by: Nabaraj

Comments: 1

Category: UI for Blazor

Type: Bug Report

A blank value appears in the dropdown when Grid's total count is equals to the specified pageSize.

I have been using Telerik Data Grid, When the total count of record in the grid is equals to the pagination options(5, 10, 20), the blank value is selected in the page size dropdown. I have total data record of 10, for the first time the page size is showing, when I select the 20 and again select 10 it disappears.

Repl demo link: https://blazorrepl.telerik.com/cROhmgvP088tMZDF58

Duplicated

Last Updated: 24 Jul 2023 07:27 by Mark

Unable to scroll Virtualised Blazor DropDownList/Multiselect above selected item

Created by: Mark

Comments: 5

Category: UI for Blazor

Type: Bug Report

Unable to scroll Virtualised Blazor DropDownList/Multiselect above selected item

Unexpected scroll behaviour is seen after selecting an item in a DropDownList/Multiselect with a scroll mode set to virtualise. We are unable to easily scroll upwards using the scroll bar in the control or using a mouse/trackpad. The scroll position immediately snaps back to the selected item. Sometimes we are able 'escape' this by rapidly scrolling but this does not feel like intended behaviour.

Downward scrolling seems okay and using the keyboard arrow keys also seems unaffected. This is reproducible on the demo page: Blazor DropDownList - Virtualization - Telerik UI for Blazor and https://docs.telerik.com/blazor-ui/components/multiselect/virtualization.

Reproduction steps on Chrome:

Navigate to demo page and render local example preview
Select item "Name 27"
try to scroll up with the arrow buttons on the scrollbar or the mouse wheel

Minimal reproducible example: Blazor MultiSelect - Virtualization - Telerik UI for Blazor

Declined

Last Updated: 19 Jul 2023 14:24 by Nicholas

TreeView Allow binding to .Selected and .Checked

Created by: Nicholas

Comments: 4

Category: UI for Blazor

Type: Feature Request

TreeView Allow binding to .Selected and .Checked

In TreeView the selected and checked items have to be provided as IEnumerable<object>. This can make things a bit of a pain if you have for example outside events that are also trying to change the list of checked items. Not insurmountable or hard but just a pain.

For example to remove an item since IEnumerable is immutable you to have to completely re-assign the collection. SelectedItems = SelectedItems.Where[Some condition] . Instead of SelectedItems.Remove, add etc.

I realize the reasons you are binding to IEnumerable<object> and not using generics

I propose adding "CheckedField" and "SelectedField" in your observable treeview binding and then we would not have to pass in Checked / Selected Items at all and just bind those fields to the Data we are passing in. Make life a lot easier.

The same thing likely applies to some other controls that have the same problem. So keep it consistent.

Unplanned

Last Updated: 18 Jul 2023 07:10 by ADMIN

TabStrip with dynamic tabs re-render all tabs when new tab is added/removed

Created by: Ricardo

Comments: 4

Category: UI for Blazor

Type: Feature Request

TabStrip with dynamic tabs re-render all tabs when new tab is added/removed

Currently the TabStrip solution for dynamic tabs is very inefficient, any change to the collection of Tabs (add/remove) would trigger the render of all tabs, even the ones that were already loaded, in scenarios where the Tab content contains complex components with nested components at different levels this is a pain, not only to load components but to load necessary information related to the component. It would be a breeze if we could reuse a component instance instead of creating a new one or only re-render (maybe with ShouldRender) the new added Tab.

Duplicated

Last Updated: 17 Jul 2023 08:24 by ADMIN

Suppression of default hotkeys in grid

Created by: Miroslav

Comments: 0

Category: UI for Blazor

Type: Feature Request

Suppression of default hotkeys in grid

Hello,

I need to perform some tasks in case of pressing some keyboard shortcuts. For example when a user press Alt+Enter key combination. But it seems that your grid catches this key combination as well and performs its action (Editing the current cell and jumping to the next one below). How can I suppress this behavior please? Maybe not just for this key combination but more generally.

I attached a small sample to better demonstrate the problem. Just run the sample please, focus some cell in the grid and press Alt+Enter.

Very thanks.

Miroslav

Unplanned

Last Updated: 14 Jul 2023 08:39 by ADMIN

Add OrgChart component

Created by: Svetoslav

Comments: 6

Category: UI for Blazor

Type: Feature Request

Add OrgChart component

I would like to see the OrgChart in the Telerik UI for Blazor suite.

Declined

Last Updated: 11 Jul 2023 17:26 by ADMIN

Getting Error in pdf-jpg-export-js Approach

Created by: Aditya

Comments: 1

Category: UI for Blazor

Type: Bug Report

Getting Error in pdf-jpg-export-js Approach

Hi Team,

I was implemeting the approach mentioned in the below URL in my Blazor .Net Project

https://github.com/telerik/blazor-ui/tree/master/common/pdf-jpg-export-js

But getting this error while execution, can someone please look into this or help me.

Microsoft.JSInterop.JSException: Could not find 'telerikClientExporter.exportPDF' ('telerikClientExporter' was undefined).
Error: Could not find 'telerikClientExporter.exportPDF' ('telerikclientexporter' was undefined).

Need More Info

Last Updated: 05 Jul 2023 08:24 by ADMIN

Please add the option for the Multiselect to filter the same way the DropDownList does

Created by: Ted

Comments: 1

Category: UI for Blazor

Type: Feature Request

Please add the option for the Multiselect to filter the same way the DropDownList does

Please add the option for the Multiselect to filter the same way the DropDownList does. It's very odd & confusing for end users (and bad UX) in a UI toolkit for similar controls to do things in different ways. Can you please add the ability for the Multiselect control to filter items in the popup window the same way the DropDownList does with the nice filter text box.

Need More Info

Last Updated: 03 Jul 2023 16:36 by Víctor

Blazor App Builder

Created by: Flavio

Comments: 2

Category: UI for Blazor

Type: Feature Request

Blazor App Builder

Are you thinking about developing an app builder for Blazor to create a project and add telerik component and finally export it as Blazor app (server or wasm)?

(like this one develop from Infragistics https://appbuilder.indigo.design/app/)
This tool export every single page as razor page.

BR,

Flavio

Duplicated

Last Updated: 30 Jun 2023 05:35 by ADMIN

Add Ranged Bar/Column Chart Component

Created by: Mark

Comments: 2

Category: UI for Blazor

Type: Feature Request

Add Ranged Bar/Column Chart Component

Is there any scope to add a Blazor Ranged Bar/Column Chart component as seen in other products:

We attempted to work around this by adding an invisible stacked series underneath our dataset. However, without the Ability to customize the highlighted/hovered series item (telerik.com), we are not able to effectively hide the invisible series from the user. We will have to fall back into the jQuery Kendo UI components once again. Alternatively, are there any other known work arounds to achieve this in Blazor?

Unplanned

Last Updated: 28 Jun 2023 20:19 by Sebastiaan

Include symbols in Telerik UI for Blazor NuGet

Created by: Sebastiaan

Comments: 0

Category: UI for Blazor

Type: Feature Request

Include symbols in Telerik UI for Blazor NuGet

Please include symbols in the package to support source-level debugging by which the developer can either have the source code downloaded automatically or download it separately and point the debugger to the source code.