Telerik Forums
UI for Blazor Forum
0 answers
211 views
I have a parent component with a TelerikWindow. The parent component has a bool value that is used via @bind-Visible (two-way binding) to show or hide the TelerikWindow. Once the window was visible (i.e. the bound parameter is set to true), a call to StateHasChanged() causes the window to become visible for a short moment (< 1 sec). 

Since I am using two-way binding at this point, I would expect that hiding the window in both the parent and TelerikWindow components would cause the visibility value to be set to false, so that when StateHasChanged() is called, the window will not become visible again, even for a brief moment.


Martin
Top achievements
Rank 1
 asked on 03 Jun 2022
1 answer
236 views

Hello,

Is there any way to load data for a the DropDownList when the Dropdown gets opened, instead of when it gets initialized.

I've looked over examples and docs and also tried a workaround with virtualization, but even that loads the first page on intialization.

I  have a UI with multiple DropDownList instances on the page that might not be interacted with, and I'd like to defer loading the data until the user actually interacts with them. 

Thank you!

Nadezhda Tacheva
Telerik team
 answered on 03 Jun 2022
1 answer
149 views

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>

 

 

Dimo
Telerik team
 answered on 02 Jun 2022
1 answer
195 views

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


Dimo
Telerik team
 answered on 02 Jun 2022
1 answer
191 views

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

Thanks.

Svetoslav Dimitrov
Telerik team
 answered on 02 Jun 2022
0 answers
158 views

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

 

 

Paul
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 02 Jun 2022
2 answers
1.0K+ views

Hi

 

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

How can i do this?

 

Eric

Nadezhda Tacheva
Telerik team
 answered on 02 Jun 2022
0 answers
196 views

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

 

 

 

Paul
Top achievements
Rank 1
Iron
Iron
Iron
 updated question on 01 Jun 2022
0 answers
88 views

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:

        <TelerikTreeView Data="@treeItems" 
            SelectedItems="SelectedTreeItems"
            SelectionMode="@TreeViewSelectionMode.Single"
            OnItemClick="@(args => InvokeSelectedViewChanged((WellTreeItem)args.Item))">
            <TreeViewBindings>
                <TreeViewBinding TextField="Name" ItemsField="Subitems"></TreeViewBinding>
                <TreeViewBinding Level="1" TextField="Name"></TreeViewBinding>
            </TreeViewBindings>
        </TelerikTreeView>
Ross
Top achievements
Rank 1
 asked on 01 Jun 2022
1 answer
772 views
The title is self explanatory. We don't require a stepper. Our wizard could also potentially consist of up to 10 steps, which would make the stepper too chaotic. Is it possible to disable and/or hide the entire stepper somehow? Thanks in advance!
Blazorist
Top achievements
Rank 2
Bronze
Iron
Iron
 answered on 31 May 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?