Hello all 

I am an experienced software developer , but still somewhat a newbie to Blazor and Telerik, so bear with me ;)

I am creating telerik charts, and the charts display historical as wel as future data (in multiple series), and I need the data separated by a "now" marker called "probedate".

I have managed to use ChartCategoryAxisPlotBands on my column charts to have a marker where the current probedate resides. However, this trick does work for e.g. area charts and line charts. (See screenshot)

I have also tried to adding an extra vertical axis, but this didn't work out as I hoped either.

In a nutshell: I would like to have some kind of vertical marker that can show me the position of the probedate in the chart, this can be eg a vertical line, or a chart background color change on the probedate or some other nifty solution.

TIAHans

<TelerikChart Transitions=false>
            <ChartTooltip Visible="true" />
            <ChartTitle Text="@nameof(DepreciationBookValueHarvesterDto.Depreciations)" />
            <ChartLegend Visible="false" />
            <ChartSeriesItems>
                <ChartSeries Type="ChartSeriesType.Column" Data="@data?.Data?.Depreciations?.Select(x => new { Value = x.Value })" Field="@nameof(DateTime_DoubleDto.Value)" />
            </ChartSeriesItems>
            <ChartCategoryAxes>
                <ChartCategoryAxis Categories="@ChartUtils.GetXAxisDateLabels(data?.Data?.Depreciations,DateResolution)"
                                   AxisCrossingValue="@ChartUtils.yaxiscrossingvalues">
                    <ChartCategoryAxisLabels Step="@ChartUtils.CategoryAxisLabelStep(data?.Data?.Depreciations?.Count)">
                        <ChartCategoryAxisLabelsRotation Angle="-45" />
                    </ChartCategoryAxisLabels>
                    <ChartCategoryAxisPlotBands>
                        <ChartCategoryAxisPlotBand From="ChartUtils.PositionOfKey(data?.Data?.Depreciations,probeDate)" Color="Blue" Opacity="0.1" />
                    </ChartCategoryAxisPlotBands>
                </ChartCategoryAxis>
            </ChartCategoryAxes>
            <ChartValueAxes>
                <ChartValueAxis AxisCrossingValue="@ChartUtils.xaxiscrossingvalues">
                    <ChartValueAxisTitle Text="@ValueUnitAxisTitle()" />
                    <ChartValueAxisMajorGridLines Visible="false" />
                </ChartValueAxis>
            </ChartValueAxes>
        </TelerikChart>
        <TelerikChart Transitions=false>
            <ChartTooltip Visible="true" />
            <ChartTitle Text="@nameof(DepreciationBookValueHarvesterDto.BookValue)" />
            <ChartLegend Visible="false" />
            <ChartSeriesItems>
                <ChartSeries Type="ChartSeriesType.Area" Data="@data?.Data?.BookValue?.Select(x => new { Value = x.Value })" Field="@nameof(DateTime_DoubleDto.Value)" />
            </ChartSeriesItems>
            <ChartCategoryAxes>
                <ChartCategoryAxis Categories="@ChartUtils.GetXAxisDateLabels(data?.Data?.BookValue,DateResolution)"
                                   AxisCrossingValue="@ChartUtils.yaxiscrossingvalues">
                    <ChartCategoryAxisLabels Step="@ChartUtils.CategoryAxisLabelStep(data?.Data?.BookValue?.Count)">
                        <ChartCategoryAxisLabelsRotation Angle="-45" />
                    </ChartCategoryAxisLabels>
                    <ChartCategoryAxisPlotBands>
                        <ChartCategoryAxisPlotBand From="ChartUtils.PositionOfKey(data?.Data?.BookValue,probeDate)" Color="Blue" Opacity="0.1" />
                    </ChartCategoryAxisPlotBands>
                </ChartCategoryAxis>
            </ChartCategoryAxes>
            <ChartValueAxes>
                <ChartValueAxis AxisCrossingValue="@ChartUtils.xaxiscrossingvalues">
                    <ChartValueAxisTitle Text="@ValueUnitAxisTitle()" />
                    <ChartValueAxisMajorGridLines Visible="false" />
                </ChartValueAxis>
            </ChartValueAxes>
        </TelerikChart>

Hi,

According to https://docs.telerik.com/blazor-ui/components/wizard/structure/buttons

"If the next step is disabled, the ["Next"] button will also appear as disabled."

Can I ask why this is?  Shouldn't it simply take you to the next enabled step?

This is the behaviour I need - is there a workaround?

Thanks,
Dean

Hi is there a way to change the text of the fileselect button.

Thanks.

Hi

see the image below.

The daytimes a person has to work can differ from day by day. We know what times he or she starts/end has breaks.

We need to show this (not as real items, just color the cell with a different background color).

What we would like to see is an event like "OnDrawColumsCell"  with params like day, starttime/endtime, color and text

So we can check the day/start/end time to see what color to use and wat text the cell should contain.

This way we can show our users exactly their working times.

Eric

Hi

I have a grid using Inline edit, but in some circimstances some cells must be disabled.

How can i do this?

Eric

Hi

Before we started with Telerik our design office created this wizard style.

Questions:

  1. can we alter the look of the Wizard? (CSS?)

  2. the Wizard should have the same size for each step 

3. can we change the color of the buttons?

Thanks for answering!

Eric

I have a simple project with a dropdownlist of items and a treeview. When an item is selected in the dropdownlist the treeview is populated. When I select an item from the dropdownlist, my tree populates as expected, but when I click on a node in the tree, nothing happens. If I click on the node again, then it selects the node as expected. Note that first click can be anywhere on the treelist component - its like I have to click on the component to seemingly "focus" it before the TreeView responds to clicks to select a node. I am using SelectionMode as Single and TreeView.OnItemClick to detect the selection, but it is clear the first click is ignored because the built-in selection highlighting does nothing on the first click and correctly changes the selection on subsequent clicks.

Is there some way I can get the TreeView to simply accept clicks for selection without clicking on the component to "focus" it first?

Here is my treeview reference:

I'm looking for suggestions on how to compress and tighten up the grid display. The end-user wants the grid to look more like an excel spreadsheet.

What CSS classes should I target? or is there a logical process for adjusting those sorts of things in the grid?

Also open to any articles or tips.

Thanks

Hi

We have customers who can create there own database table. Currently in Delphi we can create a crud function for this table at run time based on the table definition we store in the database (Fieldname, fieldtype , fieldlength, required field, min value, maxvalue etc..)

So now, moving to blazor, we are looking if we can do the same, so the json will have metadata of the formfields that has to be created at run time.

The form should show the data in a grid and there is a update form needed to manipulate the data

Has someone made this  kind of functionality?

Eric