Telerik Forums
UI for Blazor Forum
3 answers
2.2K+ views

 

Hi,

In my Blazor grid, I have a column which can have long text in it.  I need to use ellipsis on this column e.g put ellipsis after say 50 characters, with the full content then displayed in a tooltip when you hover on the ellipsis.
I know this was possible with your other grids, how can I do this with your blazor grid?  

 

Thanks,

Leland
Top achievements
Rank 2
Iron
Iron
Iron
 updated answer on 04 Apr 2024
0 answers
284 views
I have a Blazor Grid in .NET 8 that binds to a List<> called GridData the I fill in OniIntializedAsync(). The data returns fine and the grid shows the correct number of rows, but none of the columns show their data. I tried AutoGenerateColmns-"true" and setting the <GrdiColumns>. If I loop the List with foreach, the data displays as expected.
Bill
Top achievements
Rank 1
 asked on 03 Apr 2024
1 answer
178 views

Afternoon,

I've attached a picture for it describes the problem best. After clicking on a tab item (Blazor UI) there is a "focus rectangle" around the tab. How can I make sure that this rectangle never shows, that is, clicking on the tab should simply select the tab and not paint the rectangle. To my surprise the following didn't work:

::deep .k-active:active{
    outline: none !important;
}
::deep .k-active:focus{
    outline: none !important;
}

Hristian Stefanov
Telerik team
 answered on 03 Apr 2024
1 answer
76 views

I have developed quite a large application with multiple file upload points in the UI to upload various files. All was working fine. Now one of the upload components stopped working. What I mean by this is that all the workflow methods (OnSelect, OnUpload) fire correctly but then, when it needs to call the server to process the upload, it just does nothing without returning an error or anything. The other upload components still work 100%. I have even copied the upload component tag from the razor page that is working and replaced the upload tag in the page that is not working and still it does not work. The difference is that on the one that is working it is on the page in a gridtoolbar while on the one that is not working the grid is on a tabstriptab on another page. The controller method is never hit and the browser console as well as the server logs do not indicate the upload post action being made.

The solution is way too big to post here and I have already established that the upload can work. Does anyone have some pointers as to where and how to trace the probable cause of this behaviour?

Renier Pretorius
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 02 Apr 2024
1 answer
113 views
We use a NumericTextbox for amounts. The "Format" parameter is set to "###,###,###,###,##0.00". It should now be possible to copy already formatted numeric values (with thousands separator) into the textbox. However, this only accepts unformatted numerical values:

100000 <-- works
100000,23 <-- works 
100,000.23 <-- does not work

Depending on the language/culture, the thousands separator changes (either '.' or ',').
As soon as the number contains a thousands separator, the textbox no longer recognises the value as a number and does not accept the value.

Is there a way to achieve this?
Hristian Stefanov
Telerik team
 answered on 02 Apr 2024
1 answer
64 views
I have a TelerikGrid that contains many columns and a DetailTemplate within it. The Grid has functionality for multiselect with a checkbox column that appears as the first column on the grid. Is it possible to move this checkbox column in front of the detail template '+' dropdown row?
<TelerikGrid data="@models"
     <DetailTemplate>
          <GridColumns><GridColumns />
     <DetailTemplate />
     <GridColumns>
          <GridColumn>Checkbox Here<GridColumn />
     <GridColumns />
<TelerikGrid />

Hristian Stefanov
Telerik team
 answered on 02 Apr 2024
1 answer
93 views

On the Filter component I have observed that when it is added to a Dialog component it no longer functions correctly. You can add filters but can't remove any of them without generating an exception.

The Filter component will allow you to add filters but if you click the 'x' to remove a filter it will not remove. Clicking the 'x' again results in an error:

Unhandled exception rendering component: Index was out of range. Must be non-negative and less than the size of the collection. (Parameter 'index')

Exception: System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection. (Parameter 'index')
at System.Collections.ObjectModel.Collection`1.RemoveAt(Int32 index)
at Telerik.Blazor.Components.Filter.FilterGroup.OnFilterRemove(Int32 index, String removedFilterId)
at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

 

I also noticed that if you remove the binding from the Filter it fails the same way: https://blazorrepl.telerik.com/weEHQCQa49xsfTxF28

 

Nansi
Telerik team
 answered on 01 Apr 2024
1 answer
356 views

I would like the Blazor Combobox to open the dropdownlist on clicking the input area when there is a placeholder. Something like OpenListOnClick=true

It will cause the Combobox to behave much like the Blazor DropDownList.  This was the similar functionality of the RadComboBox in the Telerik UI asp.net Ajax controls found here:  https://demos.telerik.com/aspnet-ajax/combobox/examples/overview/defaultcs.aspx

Note: when a value has been selected the text becomes highlighted, but when the placeholder is there it puts the carat/cursor at the beginning.

Or if there is an simple workaround that would be great.

Hristian Stefanov
Telerik team
 answered on 01 Apr 2024
1 answer
113 views

I am using a form component as a read only display of my model.

I am using auto generated fields and don't want to define my form items manually if I don't have to. 

Is there an easy way to disable the entire form?

Hristian Stefanov
Telerik team
 answered on 01 Apr 2024
2 answers
143 views

We have a need to enable non-linear access to our wizard. However, at the final confirmation page, we need to validate the user has completed the forms. There appears to be a bug that we cannot check if each form is valid on the final page. I've put together an example that shows 3 pages. When clicking next, I'm calling validate on each form then displaying the boolean value from each form in a dialog box. You can see that when a form is not visible to the user, the validate method always returns true.

Is there a workaround we can implement until this is fixed by Telerik?

https://blazorrepl.telerik.com/myEnGhbz35WxeVpM30

Jon
Top achievements
Rank 1
Iron
Iron
 answered on 01 Apr 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?