Questions on UI for Blazor Forum

1 answer

116 views

Preselected text in input on Incell edit mode

Hi guys,

Is there a possibility in incell edit mode, on edit, when a text/numeric input shows up, from the EditTemplate, it's text to be selected by default?

What I want to achieve is the following: in a numeric input we have the default value of zero. I want that value to be selected as when the user does a copy+paste in the input that value will be overwritten. If it's not selected the cursor appears after that value so when the user does a copy+paste then the new value will be concatenated with the value that was present in the input before the copy+paste, which is an issue that I don't want to achieve.

I hope you understood what I want to achieve.

Best regards,

Cipri

TreeList

answered on 24 Nov 2020

1 answer

204 views

Trend line

Is is possible to add a trend line / linear regression to the Blazor charts like Excel?

See it is available in the kendo charts (https://docs.telerik.com/kendo-ui/knowledge-base/chart-add-trend-line).

Also found the old 2015 knowledge base article (https://www.telerik.com/blogs/how-to-plot-a-simple-linear-regression-in-telerik-asp.net-web-form-chart)

Charts

answered on 24 Nov 2020

1 answer

641 views

Incell Editing... Navigation is difficult

To give some background, I'm looking at this from the perspective of using the grid in a similar fashion as Excel.

My users will click on a cell in the row and then from there navigate via the keyboard or mouse.

If you go to the Grid - Incell Editing demo page and click into the first editable column (Weight) and then hit tab, the focus leaves the grid entirely (not desireable). Also, if you are in the Weight field and mouse click into the field immediately to the right (Color) the current active cell flashes but then stays in focus. It's a bit of a mess. My intent is to have a grid that expert users can navigate quickly using the keyboard with little mouse input.

Is Inline editing a better option? Can I leverage a row-click event to bring the row in edit mode? Can navigating away from the row trigger an automatic update? Or what about hitting tab in the last editable cell? Can we have it automatically add a new row and enter edit mode on the new row?

The users would revolt against having to click and Edit button and a Save button on each row.

Grid

answered on 24 Nov 2020

3 answers

398 views

Nested Grid column sizing

Hello, I'm having trouble getting nested grid and or column sizes to work.
If we use this as our example: https://docs.telerik.com/blazor-ui/components/grid/hierarchy

The nested grid, DetailTemplate, when expanded fills the row space as defined by the parent grid.

Even if I add Width parameters to the DetailTemplate Grid and GridColumn controls the DetailTemplate Grid and columns still fill the row space.

Looks funny to me to have the OrderId and DealSize columns in the DetailTemplate to be so large.
Is it possible to size the DetailTemplate Grid and column more appropriatly?

Thanks

Grid

answered on 23 Nov 2020

18 answers

1.5K+ views

Passing Parameters to WebAPI

Hi there! My project is a fullstack Blazor application - server, client and shared projects. On my server project I have some custom logic for paging that I want to use in my Telerik Grid. My question is how am I supposed to use my server side paging instead of the built-in one in the TelerikGrid. The issue is that I want to send a request to the Server project(WebAPI) and pass some parameters to it(ex. page=2, limit=10). I get the parameters from the url(ex. "http://localhost:5000/api/Forecasts?Page=2&Limit=10") so I can send different request for every single page(I have large data source). Is there a way I can integrate my server-side paging logic with your TelerikGrid for Blazor?
Thank you in advance!

Grid

answered on 23 Nov 2020

1 answer

1.4K+ views

Blazor Dashboard Project

I've created a simple dashboard using the Dashboard Project Template and was wondering what's the best approach to having the dashboard update either on a timed basis or data being updated?

Should each Blazor Component handle it's own refresh or should we look at doing this at layout level?

Cheers

Charts

answered on 23 Nov 2020

1 answer

239 views

Ctrl+Click -> New Tab

I've been testing the Telerik Blazor out and one thing that seems to be missing is the ability to Ctrl+Click to open items in a new tab.

Is there a way to use OnClick with event args so you can see if ctrl+click was used?

Menu

answered on 20 Nov 2020

2 answers

412 views

Date category - cannot get date value in tooltip

Hi,

This is a bit weird, and it might even be a framework problem. I have a date series line chart which has a date category axis and a numeric value axis. It's all working fine. I wanted to add a tooltip template so that when the user hovers over a point it shows the date and the value. I can display the value fine, but the date is always set to DateTime.MinValue for some odd reason.

My class is called UiVami and looking at my code, I can see the list of values is being created OK. Nowhere else do I ever change the Date value. In an attempt to debug it, I changed my class to have immutable properties with a constructor that throws an exception when the DateTime passed in is equal to DateTime.MinValue. This exception is being hit when I hover the mouse over a point - suggesting that something in the grid/framework is creating a new UIVami and setting the DateTime to null!

public class UiVami

{

public DateTime Date { get; }

public decimal Value { get; }

public UiVami(DateTime date, decimal value)

{

if (date == DateTime.MinValue)

{

throw new Exception("arrgh");

}

Date = date;

Value = value;

}

I'm actually binding via this type which contains a list of of VAMIs:

public class UiVamiSet

{

public string InstrumentName { get; set; }

public List<UiVami> Vamis { get; set; }

}

Here's my code for the chart:

<TelerikChart @ref="@_vamiChart" Width="100%" Height="100%">

<ChartSeriesItems>

@foreach (var vamiSet in _uiVamiSets)

{

<ChartSeries Type="ChartSeriesType.Line" Name="@vamiSet.InstrumentName"

Field="@nameof(UiVami.Value)" CategoryField="@nameof(UiVami.Date)"

Data="@vamiSet.Vamis">

<ChartSeriesMarkers Visible="false"></ChartSeriesMarkers>

<ChartSeriesTooltip Visible="true">

<Template>

@{ var dataItem = context.DataItem as UiVami; }

<div>

<strong>@vamiSet.InstrumentName</strong>

</div>

<div>

@dataItem.Date - @dataItem.Value

</div>

</Template>

</ChartSeriesTooltip>

</ChartSeries>

}

</ChartSeriesItems>

<ChartValueAxes>

<ChartValueAxis NarrowRange="true">

</ChartValueAxis>

</ChartValueAxes>

<ChartCategoryAxes>

<ChartCategoryAxis Type="ChartCategoryAxisType.Date">

<ChartCategoryAxisLabels Step="3">

<ChartCategoryAxisLabelsRotation Angle="-45" />

</ChartCategoryAxisLabels>

</ChartCategoryAxis>

</ChartCategoryAxes>

<ChartTitle Text="Fund Performance"></ChartTitle>

<ChartLegend Position="ChartLegendPosition.Bottom">

</ChartLegend>

</TelerikChart>

Any help appreciated!
Thanks.

Charts

answered on 19 Nov 2020

3 answers

116 views

Searching in FilterRow with Template for foreign value

Hi there,

We are currently evaluating Telerik UI for Blazor. We are creating a component which uses the Grid to show data of type A. The class for type A has a foreign ID reference to type B. Right now we are showing the display name for this foreign value using the <Template> tag. This works great, but when searching using the Grid's FilterRow it seems the Grid is still searching in the foreign ID instead of its display name.
I've tried using FilterDescriptors as per the documentation, but unfortunately did not get this to work.

King regards,
Davin

Grid

answered on 19 Nov 2020

11 answers

266 views

OnSuccess not being called when response body is large

I have implemented the upload control to allow user's to upload a new avatar to their profile. In my SaveUrl I convert their uploaded file to a base64 string and return that string as the body of the Request's response. The problem is that the OnSuccess action is never called when I come back. If i simply return a blank string (or something short like "Hello World", it is called just fine, so the problem appears to be that the base64 string is rather long. I have not figured out why this is happening. Any help would be appreciated.

[HttpPost("saveavatar")]

[DisableRequestSizeLimit]

public async Task<IActionResult> SaveAvatar(IFormFile avatar)

{

string returnString = null;

if (avatar != null)

{

using var stream = new MemoryStream();

await avatar.CopyToAsync(stream);

byte[] croppedImageBytes = imageHelper.ScaleImage(stream, 80, 100, ImageFormat.Png);

string avatarBase64 = Convert.ToBase64String(croppedImageBytes);

returnString = $"data:image/png;{avatarBase64}";