Questions on UI for Blazor Forum

1 answer

439 views

Column fix width

Hello,

Is it possible to set a fix pixel width to the columns of the grid and when the grid is displayed the columns not to appear stretched with the entire width of the table?

What I mean is the following:

1. For example I have a grid with 4 columns. Each column has 100px width. The width of the container where the grid is present is 600px. In this case having 4 columns we have a total of 400px and it remains an empty space of 200 pixels to the end of the grid.

2. In the second exemple I have 8 columns in the grid. Each column heaving 100px width. The width of the container where the grid is present is 600px. In this case the sum of the widths of the columns is 800px which is bigger then 600px by 200px and in this case I would like on the bottom to appear a horizontal scroll that will give the user the possibility to see the contents of of the other 2 columns.

I have tried to give a fix width to all the columns, to set the Resizable property to true but I could not achieve what I explained in the 2 cases that I mentioned above.

Can you help me please? Can those cases be achieved somehow or not?

Best regards,

Ciprian

Grid

answered on 19 Oct 2020

1 answer

285 views

GridSearchBox - Search Operators like "or", as feature or programmatically?

Hi,

does the GridSearchBox today support search operators, like searching for "USA or UK"?

If not, is this a planned feature?

Or can I as a developer hook into something like a "onSearch" event and provide my own search logic?

Thank you!

Grid

answered on 18 Oct 2020

2 answers

2.7K+ views

template context value

So I want make a component that encapsulates your grid column component and then drive the look from a database table (aka width and type).

for numeric columns I want to align right .

The problem is that the type of object is not known so i cannot cast it like you have done in your right align template example code.

Is there a way to get the reference field value into the template and not just the bound record object (aka context).

or of course is there a better way to do this ??

Any help would be appreciated.

@switch ((Dashboard.Enums.EColumnType)GridViewColumn.ColumnType)

{

case Enums.EColumnType.Numeric:

<GridColumn Field="@GridViewColumn.FieldName" Title="@GridViewColumn.HeaderText" Width="@GridViewColumn.Width">

<Template>

<div style="text-align: right;">

@((context as data).TargetProperty)

</div>

</Template>

</GridColumn>

break;

case Enums.EColumnType.Currency:

break;

case Enums.EColumnType.Percentage:

break;

default:

<GridColumn Field="@GridViewColumn.FieldName" Title="@GridViewColumn.HeaderText" Width="@GridViewColumn.Width" />

break;

}

@code {

[Parameter]

public GridViewColumn GridViewColumn { get; set; }

}

Grid

answered on 16 Oct 2020

1 answer

339 views

Line Chart - Nothing but the data

Hi All,

I'd like to make certain that I'm just showing one data line and no legends, tick marks, axes, padding and so on. I would also like the first data point to be the center of the graph vertically.

Here's my chart markup, please let me know if you have any suggestions. Thank you so much.

<TelerikChart Width="100%" Height="100%" Transitions="false" RenderAs="Telerik.Blazor.RenderingMode.Canvas">

<ChartSeriesItems>

<ChartSeries Type="ChartSeriesType.Line" Name="" Data="@Data" Color="@LineColor">

<ChartSeriesMarkers Visible="false" />

<ChartSeriesLabels Visible="false" Background="transparent" />

</ChartSeries>

</ChartSeriesItems>

<ChartCategoryAxes>

<ChartCategoryAxis Visible="false"><ChartCategoryAxisMajorGridLines Visible="false" /></ChartCategoryAxis>

</ChartCategoryAxes>

<ChartValueAxes>

<ChartValueAxis Visible="false"><ChartValueAxisMajorGridLines Visible="false" /></ChartValueAxis>

</ChartValueAxes>

<ChartTitle Visible="false" />

<ChartLegend Visible="false" />

</TelerikChart>

Charts

answered on 16 Oct 2020

7 answers

135 views

Blazor UI linker warning

I am getting a linker warning:

SeverityCodeDescriptionProjectFileLineSuppression State
WarningTelerik.DataSource.Extensions.QueryableExtensions.CallQueryableMethod(IQueryable,String,LambdaExpression): Could not resolve dependency type 'System.Linq.Queryable' specified in a `PreserveDependency` attributeBlazor Wasm Kendo 2.ServerILLink0

Error is from the Server project.

Blazor Webassembly Hosted app.

VS Version 16.8.0 Preview 4.0
Net5 Version 5.0.100-rc.2.20479.15

Blazor UI Version 2.17.0

General Discussions

answered on 15 Oct 2020

4 answers

443 views

GridSearchBox - I need the filtered rows

When using the GridSearchBox to filter the grid, is it possible to obtain the filtered row items?

I want to know what rows are currently displayed.

Grid

answered on 15 Oct 2020

11 answers

365 views

Displaying dots on a candlestick chart

Hello!
I am trying to implement a box and whisker chart using a candlestick chart.
Everything looks good, but I can not display outliers in the form of points.
The problem is that you can't mix categorical candlestick chart type and numeric type. Using a categorical type of line chart also does not produce the desired result.
Can anyone tell me how to display a scatter chart on a candlestick chart?

Charts

answered on 15 Oct 2020

1 answer

185 views

Css on HierarchicalData

Hi

I'm using treeview with Hierarchical data

Is it possible change the css for the text ? I need to change some char (color/bold) in some text near the icon.

Otherwise how is possibile to use the template with a list of item with parentid ?

Tnx

TreeView

answered on 13 Oct 2020

2 answers

132 views

Line Chart: ChartSeriesPoint.DataItem retuns null for secondary series

Code:

01.@page "/"

02.@layout MainLayout

03.

04.<TelerikChart>

05. <ChartTitle Text="Unrecoverable Errors Per Minute vs. Signal Level" />

06. <ChartCategoryAxes>

07. <ChartCategoryAxis Type="@ChartCategoryAxisType.Category" />

08. </ChartCategoryAxes>

09. <ChartValueAxes>

10. <ChartValueAxis>

11. <ChartValueAxisLabels Visible="true" />

12. </ChartValueAxis>

13. </ChartValueAxes>

14. <ChartTooltip Visible="true">

15. <Template>

16. @{

17. // Null for ChartData2 series

18. var data = context.DataItem as ModelData;

19. <div class="card" style="font-size: 0.8rem; color: black">

20. <span>@($"{data.Value}")</span>

21. <span>@($"{data.Type}")</span>

22. </div>

23. }

24. </Template>

25. </ChartTooltip>

26. <ChartSeriesItems>

27. <ChartSeries Type="ChartSeriesType.Line"

28. Data="@ChartData1"

29. CategoryField="@nameof(ModelData.Type)"

30. Field="@nameof(ModelData.Value)">

31. </ChartSeries>

32. <ChartSeries Type="ChartSeriesType.Line"

33. Data="@ChartData2"

34. CategoryField="@nameof(ModelData.Type)"

35. Field="@nameof(ModelData.Value)">

36. </ChartSeries>

37. </ChartSeriesItems>

38.</TelerikChart>

39.

40.@code {

41. public class ModelData

42. {

43. public string Type { get; set; }

44. public double Value { get; set; }

45. }

46.

47. public List<ModelData> ChartData1 = new List<ModelData>() { new ModelData() { Type = "S1", Value = 1 } };

48. public List<ModelData> ChartData2 = new List<ModelData>() { new ModelData() { Type = "S2", Value = 5 } };

49.}

Getting runtine error "System.NullReferenceException" at line 18 while mouse hover on chartdata2 series point

Charts

answered on 13 Oct 2020

5 answers

403 views

Class?

How do you apply a class - text formatting to the tabstrip?

thx again

TabStrip

answered on 11 Oct 2020