Telerik Forums
UI for Blazor Forum
1 answer
42 views

I'm having an issue where my users set Desktop scaling to 300% and as a result my grid will collapse and not show any rows of data making users think there is no data.  I can Ctrl + Mouse wheel to adjust the browser scaling, but that's not really a good option to convey to users.

I've tried using:

Height="calc(34vh - 10rem)"

Property but not really able to solve the problem no matter how much I adjust the values.  What I was hoping to see is a "MinHeight" property for the grid but no such property exists?

Am I seeking something isn't possible with the Telerik Grid?

Rob.

Dimo
Telerik team
 answered on 28 Nov 2024
1 answer
49 views

One of the DropDownButtonItem in my TelerikDropDownButton control is Delete.

The OnClick method for the Delete DropDownButtonItem uses Dialogs.ConfirmAsync to make sure that the user really wants to perform the delete.

The issue is that the Delete button item is still visible when the ConfirmAsync window pops up. Depending on where the TelerikDropDownButton is on the page, the DropDownButtonItem overlaps the ConfirmAsync window.

Here's an example that shows the DropDownButtonItem is visible when the popup is displayed: https://blazorrepl.telerik.com/GylvcgFS09nqh4ZM26

Is there a way to hide the DropDownButtonItem after it is clicked?

Tsvetomir
Telerik team
 answered on 28 Nov 2024
1 answer
51 views

Hi,

Hi I am writing an app where user can upload files (multiple at once) and each file will have custom data attached to it.

How do I access individual files and attach custom data to each file once I load them into the select file grid?

Almost like a SelectedItem event in a grid where I can access the individual files which I click on it.

I can use the OnUpload and OnSelect to send custom data and look through all the files but They aren't bind to the individual file.

Example, I have data like a description for each individual files that I want to send with it when I upload and write to the database. How do I bind that data to the file?

Nadezhda Tacheva
Telerik team
 answered on 25 Nov 2024
0 answers
44 views

I am working with an excel template (.xlsm) that contains dropdowns, buttons, images, charts and few shapes. I use Telerik radspread processing to read this template and insert data into it. However, when I download the modified excel file (.xlsm), these elements are missing.

It seems that RadSpread Processing is unable to read or preserve these elements. Is there a way to retain them when manipulating .xlsm files, or any workaround to handle such cases?

Any guidance or suggestions would be greatly appreciated.

Manisha
Top achievements
Rank 1
 asked on 22 Nov 2024
2 answers
329 views

I came across this when I was loading a collection bound to a DropDownList from an API and when I clicked the drop down before the API call had completed I received the exception below in telerik-blazor.js:

I then created a new project from the stand alone blazor app template, pulled in the Telerik nuget package and added a drop down list which was bound to an empty collection. As soon as I click the drop down I get the same exception. The obvious workaround is to initialize the list with a blank item so at least there's something there before the API completes, but it seems like this is an issue that should be handled better as it took me a fair amount of time to figure out what was going on. Shouldn't a drop down be allowed to have no items?

Here's the code but I've also attached the project as a zip file:

<TelerikDropDownList Data="@DropDownListData" @bind-Value="DropDownListValue" />

@code {
    private List<string> DropDownListData = new List<string>();// { "first", "second", "third" };

    private string DropDownListValue { get; set; } = string.Empty;

}
David
Top achievements
Rank 1
Iron
 answered on 22 Nov 2024
1 answer
76 views

I've run into some keyboard issues when using 2 list box components.  Here are my concerns:

1.  There should be a consistent tab order. Right now, it is inconsistent.  Going to the Repl below illustrates what I mean.  Basically, starting with focus on the left box, I would expect that hitting tab would set focus to the toolbar associated with the left listbox. Instead it sets focus to the toolbar associated with the right listbox.  Hitting tab again, then focuses the right listbox. Essentially, for me to access the left listbox's tool bar, I need to hit shift-tab when on the left listbox.  There is also an inconsistency where sometimes, if I shift-tab too far back, and then tab back again, it bypasses the toolbars altogether and just switches focus from the left listbox to the right listbox.  I think this behavior may occur if the right listbox doesn't have a selected item yet, but it is very inconsistent as to tabbing behavior.

2. The keyboard shortcut for transfer from the left listbox to the right listbox is fine using ctrl-right arrow. This is intuitive.  However, in order for me to move something back, I need to set focus to the right listbox, then select the item, then set focus back to the left listbox, and then hit ctrl-left arrow.  I would have expected that I would be able to just set focus to the right listbox, select the correct item to transfer back, and then hit ctrl-left arrow, to move it back. The current method is not very intuitive, nor very accessible, since it adds more keystrokes to the process.  It doesn't really make sense to have to set focus back to the box that will receive the transfer.

Here a repl illustrating both issues: https://blazorrepl.telerik.com/wIbPmOOl37nH3xJC51

Please let me know if there are any workarounds for either of these issues.

Hristian Stefanov
Telerik team
 answered on 22 Nov 2024
1 answer
75 views

Hi All,

 

Are all the Telerik components compliant to CSP? This includes no inline JavaScript nor CSS used in the component libraries. I dont want to use unsafe-inline tag in content security policy.

 

Thanks in Advance,

Rayson

Dimo
Telerik team
 answered on 21 Nov 2024
1 answer
189 views

I'm trying to get Telerik working in a simple login form and I can't get the binding to work. This is a .NET 8 Blazor Web Assembly app. To narrow it down, I followed the instructions outlined here. I selected "Individual Accounts" for authentication and WebAssembly for Interactive render mode (and Global for Interactivity location as suggested in the article). I also included the sample pages and changed the email field in the login page to:

<TelerikTextBox @bind-Value="Input.Email" class="form-control" placeholder="name@example.com" />

When I submit the form, it says the Email field is required. It works fine with a standard InputText. I thought maybe it has to do with the control in an EditForm on the server since the click event works fine on a client page but I've seen other examples where it's supposed to work in an EditForm as well.

Dimo
Telerik team
 answered on 20 Nov 2024
1 answer
44 views
Dear support team,

I am very satisfied with the functionality of <GridCheckboxColumn>.

Is there a way to easily replace the “Check” icon with a “Radio” icon when the GridSelectionMode.Single is set? 

This would make it immediately clear to users that only one row can be selected in the grid.

Thank you very much for your support!

Hristian Stefanov
Telerik team
 answered on 19 Nov 2024
1 answer
50 views
Is there a way to programmatically reorder the tiles in a tile layout?  For accessibility, I'd like to provide an alternative method for a user to use the keyboard to reorder the tiles instead of just drag and drop. Your documentation provides an example to do this with resizing of the tiles, but not reordering.
Hristian Stefanov
Telerik team
 answered on 19 Nov 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?