Telerik Forums
UI for Blazor Forum
1 answer
2.1K+ views

I have a common scenario that my users complain about and find annoying. 

1) I have a DatePicker with format of M/d/yyyy

2)They click in and (for example) quickly type 2/20/2021 expecting that to be the date, instead as soon as they hit the forward slash it jumps to the year and leaves them with 2/d/0020

3) In an attempt to fix it the user will press backspace to delete a character but that clears it all and leaves the yyyy highlighted, forcing them to stop their workflow and click back to the start and be careful not to mess anything up

This is not very user friendly.  Reproducible here: Blazor DatePicker Demos - Overview | Telerik UI for Blazor

 

I and our users much prefer what they are used to in your Telerik Ajax tools that pops open the calendar when focusing on the box and will allow for free flow typing of a date, allowing a variety of formats on the fly and verify on leaving the field. https://demos.telerik.com/aspnet-ajax/datepicker/overview/defaultcs.aspx

 

Are there any workarounds or should a feature request be submitted?

 

Svetoslav Dimitrov
Telerik team
 answered on 27 May 2021
1 answer
380 views

Hello,

Yesterday, ASP.NET Core, the web-dev component of .NET, received a new functionality in the new NET. 6 Preview 4: Ahead-of-Time (AoT) compilation for Blazor WebAssembly.

Do you plan to update current Telerik Blazor demo to confirm that AoT will drastically enhance Telerik Blazor control execution speed ?

Thanks.

Jonathan.

Marin Bratanov
Telerik team
 answered on 27 May 2021
1 answer
498 views

Hi everyone,

I have binded a datatable to my grid and the Edit Mode was set to Inline. In an Editor template I have added for example TelerikNumericTextBox like this:

<TelerikNumericTextBox Arrows="@false"
                                                                   Value="@((decimal)dataRow[col.ColumnName])"
                                                                   ValueChanged="@((decimal value) => { OnDecimalCellValueChange(col.ColumnName, value); })" />

No when I want to edit the value this error appears

System.InvalidOperationException: Telerik.Blazor.Components.TelerikTextBox requires a value for the 'ValueExpression' ValueExpression is provided automatically when using 'bind-Value'.See more at https://docs.telerik.com/blazor-ui/knowledge-base/requires-valueexpression

I have read the details from that link but it doesn't seam to work, I don't have a model but a datatable binded to my grid.

Is there in this situation a solution?

Best regards,

Cipri

Ciprian Daniel
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 27 May 2021
1 answer
585 views

Hello,

I try to insert a YouTube iFrame into the editor but it is automatically removed from the editor. Even when I use the "Edit HTML" function it is removed on save.

How can I embed a YouTube video or other iFrame?

Thanks for your support!

Marin Bratanov
Telerik team
 answered on 27 May 2021
1 answer
108 views

Hi everyone,

Is there a way to edit inline a grid if I bind a datatable to it? because now it doesn't seam to work.

Thank you.

Cipri

Ciprian Daniel
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 27 May 2021
1 answer
1.3K+ views
I love the Masked TextBox control. We are using it for a a social security field with a mask of xxx-xx-xxxx. But we also need to have the value shown as ***-**-**** so that ssns are not reveled. Is this possible? I know we can use the standard TextBox and set it to password which hides the input, but we need to mask it somehow to be an ssn. Any Ideas on this?
Dimo
Telerik team
 answered on 27 May 2021
1 answer
779 views

I know this was asked before but I cannot find it, however, I have a DatePicker tied to a nullable Datetime.

When the datetime is null, the datepicker shows "M/d/yyyy" in the textbox portion of the control.  Is there any way I can get rid of than and just show an empty textbox?

I am not putting anything in the Format of the DatePicker control so I am guessing that "M/d/yyyy" is the default format but I don't what this to display on the screen.

Thanks.

Marin Bratanov
Telerik team
 answered on 27 May 2021
0 answers
828 views

Hello,

I'm using the Drawer component as a nav bar based on your example in github and it works great except for one thing. One of my pages (components) can accept optional URL parameters, i.e. it has two @page directives. If I supply the URL parameters in the address bar I get an object reference error. I tried adding the parameters to the URL when building the DrawerItem the same way they are in the @page directive but that doesn't work. Can you please show me how to make this work? Thank you.

Doug
Top achievements
Rank 1
Iron
Iron
Veteran
 asked on 26 May 2021
1 answer
444 views

I have implemented a TelerikCheckBoxListFilter as shown in: https://docs.telerik.com/blazor-ui/components/grid/filter/checkboxlist#custom-data

My code looks like this.
<FilterMenuTemplate Context="context">
    <TelerikCheckBoxListFilter Data="@ManufacturersList"
                               Field="@(nameof(ManufacturerCodeFilterOption.Make))"
                               @bind-FilterDescriptor="@context.FilterDescriptor">
    </TelerikCheckBoxListFilter>
</FilterMenuTemplate>

The TelerikCheckBoxListFilter renders as expected but when I try to apply selected items to filter the data, it builds those individual selected items with an "AND" clause.  Is it possible to change the LogicalOperator for the FilterDescriptor it uses to use "OR" clauses between the selected items?

 

 

Marin Bratanov
Telerik team
 answered on 26 May 2021
1 answer
374 views

Hi there,

I've created a grid with columns that can be added dynamically, but I'm unable to use incell editing in the dynamically created columns. 

QuestionData is a Dictionary<string, object>

Source below: 

<TelerikGrid Data=@QuestionGroup
             ScrollMode="@GridScrollMode.Scrollable"
             Height="35vh"
             EditMode="@GridEditMode.Incell"
             Resizable="true"
             @ref="gridref"
             Reorderable="true"
             RowDraggable="true"
             OnRowDrop="@((GridRowDropEventArgs<EvaluateQuestion> args) => OnRowDropHandler(args))"
             OnCreate="@CreateHandlerAsync">
    <GridSettings>
        <GridRowDraggableSettings DragClueField="@nameof(EvaluateQuestion.Title)"></GridRowDraggableSettings>
    </GridSettings>
    <GridToolBar>
        <GridCommandButton Command="Add">New Question</GridCommandButton>
        <TelerikButton OnClick="NewColumn">New Column</TelerikButton>
        <TelerikButton OnClick="RemoveGrid">Remove Grid</TelerikButton>
    </GridToolBar>

    <GridColumns>
        <GridColumn Field="Title">

        </GridColumn>

        <GridColumn Field="FullQuestion">

        </GridColumn>

        @foreach (string entry in Template.ColumnHeadings)
        {
            <GridColumn Title="@entry">
                <Template>
                    @{
                        var c = context as EvaluateQuestion;
                        if (c.QuestionData.TryGetValue(entry, out var check))
                        {
                            @c.QuestionData.Where(v => v.Key == entry).FirstOrDefault().Value
                        }
                        else
                        {
                            c.QuestionData.Add(entry, new string("test"));
                        }
                    }
                </Template>
                <EditorTemplate>

                </EditorTemplate>
            </GridColumn>
        }
    </GridColumns>

</TelerikGrid>


public void NewColumn() {
        Template.ColumnHeadings.Add(new string("Placeholder"));
        StateHasChanged();
    }



Hristian Stefanov
Telerik team
 answered on 26 May 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?