Hey!

Is there a way for me to change the colors of the Wizard Stepper?

I figured out that I can write css in my component that will override the css on the buttons, but I cannot figure out how to change the colors on the stepper. I'm terrible at css and am actually begining to work with Tailwind.

Used this to override the button:

Category labels dont appear on the bottom of the grid?

As far as I understood it, it should pick up the names for the label from @strLCCategory

<ChartCategoryAxis Categories="@strLCCategory">

Which has: "2022-07", "2022-08" in it.

What I am getting:

No labels below that 0 line!

Code below

<GridLayoutItem Column="2" Row="5">
            <TelerikChart Height="400px"
                          Width="700px">
                <ChartTitle Text="Line Counts"></ChartTitle>
                <ChartTooltip Visible="true"></ChartTooltip>
                <ChartLegend Position="ChartLegendPosition.Right"></ChartLegend>

                <ChartSeriesItems>
                    <ChartSeries Type="ChartSeriesType.Line"
                                 Name="@strLCSeries1Field"
                                 Data="@LineCounts"
                                 Width="2"
                                 DashType="@DashType.Solid"
                                 Field="@strLCSeries1Field">
                    </ChartSeries>
                    <ChartSeries Type="ChartSeriesType.Line"
                                 Name="@strLCSeries2Field"
                                 Data="@LineCounts"
                                 Width="2"
                                 DashType="@DashType.Solid"
                                 Field="@strLCSeries2Field">
                    </ChartSeries>
                    <ChartSeries Type="ChartSeriesType.Line"
                                 Name="@strLCSeries3Field"
                                 Data="@LineCounts"
                                 Width="2"                            
                                 DashType="@DashType.Solid"
                                 Field="@strLCSeries3Field">
                    </ChartSeries>
                </ChartSeriesItems>

                <ChartCategoryAxes>
                    <ChartCategoryAxis Categories="@strLCCategory">
                        @*<ChartCategoryAxisLabels>
                            <ChartCategoryAxisLabelsRotation Angle="-45" />
                        </ChartCategoryAxisLabels>*@
                    </ChartCategoryAxis>
                </ChartCategoryAxes>

               @* <ChartValueAxes>
                    <ChartValueAxis AxisCrossingValue="@AxisCrossingValue">
                        <ChartValueAxisLabels></ChartValueAxisLabels>
                    </ChartValueAxis>
                </ChartValueAxes>*@

            </TelerikChart>

        </GridLayoutItem>

private string[]? strLCCategory;
 List<chartLineCountsResult> LineCountsResults = new List<chartLineCountsResult>();
 LineCountsResults = clsDataAccessService.doChartInit("LineCounts", GlobalStuff.msDBEnvir);
 List<string> Categories = new List<string>();
 for (int i = 0; i < LineCountsResults.Count; i++)
            {
                Categories.Add(LineCountsResults[i].Periods.ToString());
            };        
 string[] strLCCategory = Categories.ToArray();

Can't see why the Category labels dont appear on the bottom of the grid?
Should be seeing:
2022-07  2022-08

I have a SP returning an unknown # of columns.

1st column is the time periods, 2022-07, 2022-08, etc

2nd and to many columns is for each line on the linechart I want to map.

eg: StarWars, Marvel, LOTRs, etc... could be more dont know what the values could be or how many.

The values of those columns is a int #. Example dataset.

Periods   StarWars   Marvel  LOTRs

2022-07       120         50         110

2022-08       125         55         105

So how do I attach that to a line chart control? I have read thru the demo codes but none seem to give me the answer.

In my old days, :), I would return a dataset as structured above and then bind that control to the dataset.

Then set the bottom axis to the Periods column values and the Up axis to the values in the other columns.

With the legend using the column names.

Not sure how to describe that in the data class as I dont know the column names that could be coming in.

And not sure what the controls tags should be looking like.

Any help would be appreciated.

Thanks in advance.

Deasun.

Hello,

I am using TelerikGrid with the FilterMode and OnRead property, but when I try to filter by a column that the data type in SQL is Text, it does not bring me results.

Hi,

I want to localize "filter", "search","select all" and clear inside grid filtering.

I have found this example, but this is intended more to create your own personalized filter.

https://demos.telerik.com/blazor-ui/grid/overview

Is it possible to just modify those elements?

Hi,

I have this code...

protected void OnRead(GridReadEventArgs args)
{
    DataTable oDataTable = TiMain.DataSource.ToTable();
    DataSourceResult oDataSourceResult = oDataTable.ToDataSourceResult(args.Request);

    args.Data = (oDataSourceResult.Data as IEnumerable<Dictionary<string, object>>)
        .Select(oRow => oRow.ToDictionary(
            oCell => oCell.Key,
            oCell => (oCell.Value == DBNull.Value ? null : oCell.Value)
        ))
        .ToList();

    args.Total = oDataTable.Rows.Count;
}

According to my understanding of the documentation ToDataSourceResult should return only with rows that fit the page. But it always return all - sever hundred - of rows regardless of the current page...

Have I missed something?

When I upgraded to 3.6.0 my TelerikGrid pager stopped rendering correctly.

The first image below is after the page has been rendered and the data source contains 10 rows.  Paging is enabled using a server-side data source/database repository.  The second image below is simply what it looks like when I click on the dropdown.

If I hit refresh I see the normal-looking pager with 7 buttons horizontal as expected.  Like the one that works with version 3.5.0, included below.
But it only appears for a second and then it changes back to the one above.

The grid OnReadHandler looks like this:

protected async Task OnReadHandler(GridReadEventArgs args)
{
    InquiryResponse<Drug> response = await _drugAdapter.FindByDataSourceRequestAsync(args.Request, true);
    if (response.ResponseData.Any())
    {
        args.Data = response.ResponseData;
    }
    args.Total = response.AvailableTotalItems;
}

All downstream methods are async and await is used on all method calls just like I have seen in the demos for using remote data service.

The grid is defined as follows:

<TelerikGrid @ref="@DrugListGridRef"
             TItem="@Drug"
             OnRead="@OnReadHandler"
             Sortable="true"
             SortMode="@SortMode.Multiple"
             EnableLoaderContainer="false"
             FilterMode="@GridFilterMode.FilterMenu"
             Pageable="true"
             PageSize="@PageSize"
             Resizable="true">

    
    <GridSettings>
        <GridPagerSettings InputType="PagerInputType.Buttons"
                           PageSizes="@PageSizes"
                           ButtonCount="7"
                           Adaptive="true">
        </GridPagerSettings>
    </GridSettings>

If I downgrade to 3.5.0 everything works as expected.

Thanks,
Ed

The filter list item menu defined as follows do not have accessible name.  Please provide work around or fix that I can implement.

                            <TelerikGrid Data="@ViewModel.RouterAndDataLossInformation" TItem="TrafficLossSummary"
                                                        Pageable="true" 
                                                        Sortable="true" 
                                                        Groupable="false"
                                                        FilterMode="Telerik.Blazor.GridFilterMode.FilterRow"
                                                        Resizable="true" 
                                                        Reorderable="true"
                                                        Height = "100%">