Questions on UI for Blazor Forum

1 answer

221 views

How to display tooltip on TelerikDropDownList

Hi,

I have the need to display a tooltip when my TelerikDropDownList is in error mode (css class = 'change-local-dropdown error'). However the tooltip does not show anything and when inspecting the TelerikDropDownList, no html element in the TelerikDropDownList tree has a 'title' property set. This despite me explicitly setting the Title property, as can be seen in the code below.

Here's my code

<TelerikTooltip TargetSelector=".change-local-dropdown.error" />
<TelerikDropDownList Data="@Zones"
                     AdaptiveMode="@AdaptiveMode.Auto"
                     Class="@(string.IsNullOrEmpty(_zoneError) ? "change-local-dropdown" : "change-local-dropdown error")"
                     @bind-Value="@SelectedZoneGuid"
                     TextField="@nameof(Zone.Name)"
                     ValueField="@nameof(Zone.Guid)"
                     Title="My tooltip that I want to display, but it isn't showing up"
                     Width="100%">
</TelerikDropDownList>

Any help is greatly appreciated...

DropDownList

Tooltip

answered on 12 Aug 2024

0 answers

76 views

Error en TelerikListView

Al crear una TelerikListView no me marca error en codigo pero al mostrarlo en la pagina me sale este error

Microsoft.JSInterop.JSException: Could not find 'TelerikBlazor.initListView' ('initListView' was undefined).
Error: Could not find 'TelerikBlazor.initListView' ('initListView' was undefined)

como lo podria solucionar?

ListView

asked on 10 Aug 2024

0 answers

90 views

Render Custom Bar Chart axis tick labels

Blazor C# .Net

I have a vertical bar chart. The bars represent colors so the labels are like "red", "blue"...

Every time I do a search on the database the color count and values change. Like next time it will be "Yellow", "red"...

I want to draw the labels my self and have the colors as little squares under the name of the color.

Like get from where I am...

to labels like

I tried ChildContent on the ChartCategoryAxis but my function void CustomColorLabelDraw(RenderTreeBuilder builder) does not get the index of the tick, and does not get called as many times as there are bars, and the output if I return a AddMarkupContent of "My test string" ends up above the entire chart and outside the chart.

How does on use a C# function to generate the HTML to render a tick label?

Charts

Drawer

updated question on 09 Aug 2024

2 answers

246 views

DateTimePicker shows the placeholder when it is set to empty

Given the definition of a DateTimePicker component binded with a variable of type DateTime? (pic1.png)

<FormItem Field="@nameof(CronTriggerViewModel.EndAt)">
   <Template>
          <label for="endat" class="k-label k-form-label">@L10n["UI-TRIGGERENDAT"]</label>
          <div class="k-form-field-wrap">
          <TelerikDateTimePicker @bind-Value="@CronTriggerVM.EndAt" Placeholder=" " Id="endat" Format="G"/></div>
   </Template>
</FormItem>

[Display(ResourceType = typeof(Resources.Scheduler), Name = "UI_TRIGGERENDAT")]
public DateTime? EndAt { get; set; } = DateTime.Now.AddDays(1);

Even though the placeholder is set to be empty, when the value is cleared, the placeholder still appears (pic2.png), and the field is marked as invalid even though no validation is configured (pic3.png).

For more details, I have attached an animated gif showing what happens (video.zip).

Is there any way to don't show the placeholder and avoid the input to be mark as invalid?

DateInput

DatePicker

DateTimePicker

answered on 09 Aug 2024

1 answer

64 views

After 6.1.0 update the initial grouping is duplicated

Hy,

I have a grid with aggregates and I set an initial grouping on the OnStateInit method:

Everything is working fine but after the last update the initial grid view is as follows:

As you can see the grouping is duplicated. Can anyone help me?

The grid is attached

Thanks

Grid

answered on 09 Aug 2024

1 answer

68 views

Grid Autofit

z

General Discussions

Grid

updated question on 08 Aug 2024

0 answers

129 views

Adding record in DataGrid using Popup in Blazor doesn't close window

Dear,

I have a small test application that uses the telerik DataGrid in Blazor.

For adding records to the dataGrid I use the Popup window.

When doing that and pressing the "update" button once, the popup window doesn't close but my record has been added and the reload of the DataGrid has happend.

Why doesn't it close ?

Kind Regards

Grid

asked on 08 Aug 2024

1 answer

86 views

Grid Custom RowTemplate

Hi,

is there a way of reimplementing keyboard navigation when using a custom row template?
The documentation states that functionality is taken way due to not knowing the current state which is totally fine.
Maybe someone has an idea on how to reactivate or add keyboard shortcuts for selection and navigation.

Regards,
Tom

Grid

answered on 08 Aug 2024

1 answer

67 views

Recurrencing events where original event falls outside of filtered range

I have a question regarding the recurrence rules for jobs where the original jobs and the instances of recurrence are not in the same searched range.

For example:

If I have a job that has been running for over 2 years, starting at 2022-01-01.
The recurrence rule is set to repeat every day with no end date.
I want to return the events that occurring this week, how am I meant to get the instances of the recurring event without the original job being within the searched range?

Scheduler

answered on 08 Aug 2024

1 answer

60 views

Fake recurrence using real events from DB

Hi all,

I am trying to find a way that I can display events using the Scheduler Blazor component that do not use the recurrence rule, but instead display a list of "real" events returned from the DB that are linked via a parent/child relationship.

            foreach (var event in events)

            {              event.RecurrenceRule = null;
              var firstOccurence = new Job
              {
                Id = new Guid();
                Start = new DateTime(event.Start.Value.Ticks).AddDays(1),
                End = new DateTime(event.End.Value.Ticks).AddDays(1),
              };
              var secondOccurence = new Event
              {
                Id = new Guid();
                Start = new DateTime(event.Start.Value.Ticks).AddDays(2),
                End = new DateTime(event.End.Value.Ticks).AddDays(2),
              };
              recurrenceEvents.Add(firstOccurence);
              recurrenceEvents.Add(secondOccurence);
            }

            events.AddRange(recurrenceEvents);

The rationale for doing this is to mitigate against issues we have had with long running events and exceeding the Recurrence Exception max length. Doing this currently will not display these events are recurring events, meaning that we lose the functionality of the "Edit Occurrence" or "Edit Series" buttons, and lose the UI element of the recurrence icons in the scheduler.

Is there a way of spoofing recurrence for events in the scheduler?

Scheduler

answered on 08 Aug 2024