Telerik Forums
UI for Blazor Forum
2 answers
752 views

Hy,

I have an EditForm for inserting a Model Dto. 

The Dto Model has two dates. The start date which is of type DateOnly and the end date which is of type DateOnly nullable.

Although the end date is null, the date picker sets the value "01/01/2001" by default and I can't find a way to enter a null value using this component because if I try I get the error: "The date format is not parsable. Please enter valid date".

This is my code:

Can anyone tell me if this is a feature that has yet to be implemented or if I'm doing something wrong?

I attach photos of the edit form.

Thank you

Marco
Top achievements
Rank 3
Iron
Iron
Iron
 answered on 04 Mar 2024
1 answer
351 views

Hi, i use Grid.AutoFitAllColumnsAsync() to resize column width based on column content.  

Now, this method resize also non resizable columns (Resizable="false")

I would like to apply autofit only on resizable columns, how to solve?

I would use AutoFitColumnsAsync() method but i need a generic way to apply it excluding non resizable columns.

There is a way to read from code the Resizable property of columns?

Claudio
Top achievements
Rank 2
Bronze
Bronze
Iron
 answered on 01 Mar 2024
1 answer
129 views
My scenario is that I have a grid of User. 
a User has Roles. 

I have a column that I have used the <Template> to display a chip of each Role a User has. 


The FilterTemplate does not have a solution to filter this collection out of the box. 
Have you solved this or similar? Please share any helpful feedback here as I am blocked on this task. 

I would prefer not to filter on a concatenated string of the users roles, as if I click the filter checkbox 'Admin' it would show results for any role that had Admin in it's name. 

If you used the OnRead event, when did you apply your filter and how?  

Thanks so much for your feedback on how you've solved this for your use case. 
 
Nadezhda Tacheva
Telerik team
 answered on 01 Mar 2024
1 answer
240 views

Hi,

Is it possible to configure the date picker to only show the month and year?

Regards,

Omar

Hristian Stefanov
Telerik team
 answered on 01 Mar 2024
1 answer
204 views

Hello, 

 

I have a TelerikPanelBar and I am getting the content from the database.  the text from item.Text is a string, that includes HTML.  Instead of rendering the HTML, it is still just rendering it as a string, even though I am converting it to a Markup String/using Markdig.

 

How can I get the text to display as HTML, instead of a string?

Hristian Stefanov
Telerik team
 answered on 01 Mar 2024
1 answer
147 views

Hi,

The DatePicker gives a runtime error on Hybrid (does works on blazor server)

<TelerikDatePicker Value="@entity.OrderDate.Date" Format="dd-MM-yyyy" ValueChanged="@((DateTime d) => UpdateDateTimeOffsetField(d))" />

If i remove the datapicker tag, there is no problem. I suspect it has something to do with the hybrid stuff

Loaded 'C:\Program Files\dotnet\shared\Microsoft.NETCore.App\8.0.2\System.Collections.Immutable.dll'. Skipped loading symbols. Module is optimized and the debugger option 'Just My Code' is enabled.
Base.ErrorHandler:HandleError: System.Reflection.TargetInvocationException: Exception has been thrown by the target of an invocation.
 ---> System.Exception: A Telerik component on the requested view requires a TelerikRootComponent to be added to the root of the MainLayout component of the app. Read more at: https://docs.telerik.com/blazor-ui/getting-started/what-you-need#project-configuration
   at Telerik.Blazor.Components.RootComponent.TelerikRootComponentFragment.OnInitializedAsync()

 

 

 

Dimo
Telerik team
 answered on 01 Mar 2024
1 answer
1.4K+ views

Hello,

I don't want to add any GridCommandButton into the Grid's Layout.

For example I have implemented a ribbon on my page and there I have a button "Add Entry". Is it possible to achieve the same functionality from that button I have mentioned as when the Add GridCommandButton with the attribute Command="Add" is added to the grid layout in the toolbar?

 

Best regards,

Cipri

Dimo
Telerik team
 updated answer on 01 Mar 2024
1 answer
297 views

When user click on the input field of DatePicker, it either select date, or month, or year, but we want to select whole date input field like it highlights/selects whole content on Tab key.

Tried  with the following code but still no luck.

<span @onfocusin="@FocusHandler">
    <TelerikDatePicker @bind-Value="@SelectedDate"
                       Min="@Min"
                       Max="@Max"
                       Format="MM/dd/yyyy"
                       DebounceDelay="@DebounceDelay"
                       ShowWeekNumbers="true"
                       @ref="@DateRef">
                       <DatePickerFormatPlaceholder Day="day" Month="month" Year="year" />
    </TelerikDatePicker>
    </span>

@code {
    private DateTime? SelectedDate { get; set; }
    private DateTime Max = new DateTime(2050, 12, 31);
    private DateTime Min = new DateTime(1950, 1, 1);
    private int DebounceDelay { get; set; } = 200;
    private TelerikDatePicker<DateTime?> DateRef { get; set; }
    private async Task FocusHandler()
    {
        await DateRef.FocusAsync();
    }
}

 

It gets selected on buttonclick though (code snippet below where it selects all content on button click) - 

<TelerikButton OnClick="@FocusHandler">Focus Date</TelerikButton>
    <TelerikDatePicker @bind-Value="@SelectedDate"
                       Min="@Min"
                       Max="@Max"
                       Format="MM/dd/yyyy"
                       DebounceDelay="@DebounceDelay"
                       ShowWeekNumbers="true"
                       @ref="@DateRef">
                       <DatePickerFormatPlaceholder Day="day" Month="month" Year="year" />
    </TelerikDatePicker> 
@code {
    private DateTime? SelectedDate { get; set; }
    private DateTime Max = new DateTime(2050, 12, 31);
    private DateTime Min = new DateTime(1950, 1, 1);
    private int DebounceDelay { get; set; } = 200;
    private TelerikDatePicker<DateTime?> DateRef { get; set; }
    private async Task FocusHandler()
    {
        await DateRef.FocusAsync();
    }
}

 

Any help would be appreciated! TIA.

-Neelima

Hristian Stefanov
Telerik team
 answered on 29 Feb 2024
1 answer
202 views

Hi.

I'm facing a embarassing problem about browser compatibility of DataGrid.

I want to load my data on demand when the user scroll. 

For that i have choosed a DataGrid and i have implemented a behavior like a "scroll infini" which authorize the user to moove his scrollbar anywhere in the grid.

Everything work but ... on Mozilla Firefox, the Grid work like a incremential grid and not a infinite scroll grid. Even if the code is exactly the same.

On this first screenshot you can see the scrollbar of the grid with Mozilla Firefox (which reduce when you scroll). 


On the second one screenshot, I am on Microsoft Edge (on the same page and same URL) but there the behavior is correct (the scroll bar is small and i can move it anywhere i want even if the data is not yet loaded). 

The DataGrid work well with browser that use Chromium kernel (Microsoft Edge, Opera and Chromium for example).

Do you have any idea ?

Thanks.

 

Best regards,

Yanis.

Yanis
Top achievements
Rank 1
Iron
 answered on 29 Feb 2024
1 answer
147 views

Hi,

 

is there a way to add a closing delay or a safe triangle to a context menu like shown here? Building like it's 1984: A comprehensive guide to creating intuitive context menus - Height

 

Kind regards

Svetoslav Dimitrov
Telerik team
 answered on 29 Feb 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?