or
1 answer
56 views
Hi everyone,
I'm working with the Telerik TabStrip component and need help with two issues:
Tab Transition on Button Click: When I click the chevron buttons to navigate through the tabs, I want the visible tabs to change with a smooth transition effect. However, I'm having trouble applying a transition effect for this behavior. Can anyone provide guidance or an example of how to implement a transition when the visible tabs change?
Aligning Tabs on Button Click: When I press the chevron buttons, I want the active tab to remain the same, but the newly visible left-most tab should be aligned at the start (left side) of the TabStrip. How can I ensure that after clicking a chevron, the newly displayed tabs are aligned to the start of the TabStrip?
Any suggestions or code snippets that could help resolve these issues would be greatly appreciated!
Thanks in advance!
1 answer
109 views
We are implementing the TelerikGrid for a Blazor application and they have asked that the sort icons be displayed by default on the component's initial load, not after the user clicks in the header row. It seems to work this way in all of the demo examples. Is there a way to toggle the display so that sort icons display automatically?
2 answers
40 views
I discovered an issue with auto-sizing grid columns with a DetailTemplate, but it depends on if the DetailTemplate is displayed or not. It seems that when the DetailTemplate is not shown, the AutoSize works as expected, but when the DetailTemplate is shown the AutoSIze seems to size to the column header only.
In addition, the top table has a column with an unspecified width so it will fill the space to get the table to 100%. I noticed that on AutoSize the total table width and the other column kept their original width. When columns resized larger than they were, this made the overall table too long and scrollable. So after the resize, I used the table state and set the table and column with to null.
await grid.AutoFitColumnAsync("colProjectDetailModuleAmbTemp");
await grid.AutoFitColumnAsync("colProjectDetailModuleTitle");
var st = grid.GetState();
st.ColumnStates.Where(c => c.Id == "colProjectDetailModuleDesignTypes").First().Width = null;
st.TableWidth = null;
await grid.SetStateAsync(st);I have attached images for your reference.
Is it a bug that the AutoSize is only using the column headers when the DetailTemplate is shown or am I missing something to get it to resize correctly?
2 answers
152 views
Hi folks,
I am trying to upload a file to a state container using the FileSelect component.
private async Task OnFileSelected(FileSelectEventArgs e)
{
try
{
foreach (var file in e.Files)
{
using var memoryStream = new MemoryStream();
byte[] buffer = new byte[81920]; // 80 KB buffer size
int bytesRead;
while ((bytesRead = await file.Stream.ReadAsync(buffer, 0, buffer.Length)) > 0)
{
await memoryStream.WriteAsync(buffer, 0, bytesRead);
}
byte[] fileBytes = memoryStream.ToArray();
// Store file in state container
await FileState.AddFileContentAsync(file.Name, fileBytes);
}
}
catch(Exception ex)
{
Console.WriteLine("Error uploading files " + ex.Message);
}
StateHasChanged();
}
Here file.Stream.ReadAsync is not working.
In Visual studio for the file.Steam property I am getting the following error message.
SYNCHRONOUS_FILESTREAM_READ_ERROR property
Synchronous actions on the file stream is not supported by the Blazor framework in Blazor Server-side apps due to the SignalR communication between the client and the host. Use the 'ReadAsync' method instead.
and the code does not continue to execute after the line while ((bytesRead = await file.Stream.ReadAsync(buffer, 0, buffer.Length)) > 0)
I am trying to upload a file to a state container using the FileSelect component.
private async Task OnFileSelected(FileSelectEventArgs e)
{
try
{
foreach (var file in e.Files)
{
using var memoryStream = new MemoryStream();
byte[] buffer = new byte[81920]; // 80 KB buffer size
int bytesRead;
while ((bytesRead = await file.Stream.ReadAsync(buffer, 0, buffer.Length)) > 0)
{
await memoryStream.WriteAsync(buffer, 0, bytesRead);
}
byte[] fileBytes = memoryStream.ToArray();
// Store file in state container
await FileState.AddFileContentAsync(file.Name, fileBytes);
}
}
catch(Exception ex)
{
Console.WriteLine("Error uploading files " + ex.Message);
}
StateHasChanged();
}
Here file.Stream.ReadAsync is not working.
In Visual studio for the file.Steam property I am getting the following error message.
SYNCHRONOUS_FILESTREAM_READ_ERROR property
Synchronous actions on the file stream is not supported by the Blazor framework in Blazor Server-side apps due to the SignalR communication between the client and the host. Use the 'ReadAsync' method instead.
and the code does not continue to execute after the line while ((bytesRead = await file.Stream.ReadAsync(buffer, 0, buffer.Length)) > 0)
bimal
Top achievements
Rank 1
Iron
Rank 1
Iron
answered
on
03 Apr 2025
1 answer
162 views
I have a blazor hybrid app with a basic FileSelect component. When I start the Windows Native MAUI app, the drag-and-drop feature of the component does not work at all. The drag of any file into the MAUI window shows a stop/not possible sign as the mouse pointer. In the Web version everything works as expected.
There was also no note here that this might not work due to some restriction
Tsvetomir
Telerik team
answered
on
03 Apr 2025
1 answer
174 views
Hello,
I have a 2 date pickers. I have a button that clears all fields in my form which works when the dates are fully filled, but not if they are partially filled. I want to clear them with my button and not have to use the ShowClearButton (x button) that is built into the date picker. Not sure if there is already a solution for this, but I could not find one.
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Rank 6
Silver
Bronze
Bronze
answered
on
02 Apr 2025
2 answers
54 views
I see a similar question asked and answered at the link below but couldn't find anything similar in the Blazor forums. I would like to rename the last button from Done to Submit.
Rad wizard next button text in UI for ASP.NET AJAX | Telerik Forums
Dimo
Telerik team
answered
on
02 Apr 2025
2 answers
86 views
I have several grids in my app, but I've noticed that when I set a height on a grid (to show the scroll bar and make the grid vertically fill its container), the header row seems offset.
Here's a grid with no height;
And with Height="70vh" set on the same grid;
The headers are slightly offset - on other grids, it also appears that the more rows, the more offset the headers become.
Anyone have any ideas what might be causing this? Ive not found anything that even plausibly could be causing it in my code.
1 answer
61 views
Hello Telerik team,
I'm new in Blazor environment, and I would like to use a mix of controls in order to display data. The goal is to have several columns and rows (like DataGrid control),:
- columns represent calendar days (like Scheduler control);
- rows representing "stations" [tasks] (like Gantt control);
- core of the control (crossing between rows and columns) represented as chipset (my data).
In fact, I think the best control could be the Gantt control because of its structure and content, but I have one issue with that: I won't be able to put an item (chipset) over 2 rows.
Unfortunely, I can't provide you any picture of what I want because of my company restrictions.
Are you able to help me and provide me some advices?
Many thanks,
Valentin M.
2 answers
71 views
I would like to use Telerik PDFViewer along with other blazor components librarly but when I incorporate PDF Viewer into my page I have problem with missing buttons and format of PDF viewer toolbar. Viewer display PDF document but toolbar does not work.
What to do to activate PDF Toolbar? Obviously I missed something.
What to do to activate PDF Toolbar? Obviously I missed something.
Dimo
Telerik team
answered
on
28 Mar 2025
