Telerik Forums
UI for Blazor Forum
5 answers
74 views

When typing in time in the timepicker (enter hours,enter mins, arrow up/down for AM/PM) it would be nice if I could select AM or PM by pressing A or P on the keyboard also.

Is there anyway this can be added?

 

Marin Bratanov
Telerik team
 answered on 16 Feb 2021
1 answer
129 views

Hi there, I would put a grid inside a component and fire a component's EventCallback when a row of the grid is selected, however seems that there is an issue when you try to call an EventCallback (async) from the grid onselecteditemchanged event (sync) as noted here: 
https://docs.telerik.com/blazor-ui/components/grid/selection/single

"// note: an async operation here can break the selection and may not even render its results in the view// for async operations, use the OnRowClick event"

 

How could I achieve that?

 

Marin Bratanov
Telerik team
 answered on 16 Feb 2021
1 answer
432 views
Can you add Debounce to the filtering, JS events are painfully slow in Blazor and too many can overwhelm the UI.
Marin Bratanov
Telerik team
 answered on 16 Feb 2021
9 answers
1.4K+ views
Hello!
It is possible to export TelerikChart as image?
Jack
Top achievements
Rank 2
 answered on 16 Feb 2021
3 answers
167 views

Hi!

Is there a way to disable/hide the labels for start and end? I'm having issues fitting this control in another vendor's Form Layout.

Nadezhda Tacheva
Telerik team
 answered on 15 Feb 2021
7 answers
596 views

Hi,

in the demo https://demos.telerik.com/blazor-ui/checkbox/overview  the indeterminate state is set by code.

It is possible, that the user can toggle also the indeterminate state?

Now a user can not go back to the indeterminate state (or null in the bool? column) if the value is set to true or false.

Regards,

Peter

 

 

Marin Bratanov
Telerik team
 answered on 15 Feb 2021
5 answers
605 views

I have a EditForm containing a TelerikTextArea wrapped in an if statement that will hide the test area after submit. This works find in browser, but using bunit I get an exception. I assume this is due to the JS library not being loaded. Do you know how to fix this?

 

 

Marin Bratanov
Telerik team
 answered on 15 Feb 2021
12 answers
1.9K+ views

When using the calendar/datepicker control, using the keyboard backspace or delete button deletes the entire date, rather than just the date component you're on (eg.  year).

 

This keyboard behaviour does not translate to a good user experience as it effectively means you have to re-type the date out in its entirely.

 

Can this behavior be fixed/modified please?

 

Thanks,

Rod

Rod
Top achievements
Rank 1
 answered on 14 Feb 2021
5 answers
171 views

Hi,

I am having the wierdest problem. I have a treelist with 2 editable fields. One is templated with a textbox, the other with a textarea. I can type into the textbox  with no problem. But when I type in the textarea, the first letter goes in, but after that, it somehow puts the focus back to the first textbox. I can only type on char at a time into the text area.

Any ideas?

Thanks ... Ed

<TelerikTreeList Data="@CommentsData"
                                 ItemsField="@(nameof(CommentItem.Children))"
                                 @ref="CommenterTL"
                                 Pageable="true"
                                 Sortable="true"
                                 FilterMode="@TreeListFilterMode.FilterMenu"
                                 SelectionMode="@TreeListSelectionMode.Multiple"
                                 Resizable="true"
                                 Reorderable="true"
                                 EditMode="@TreeListEditMode.Inline"
                                 OnCreate="@CreateComment"
                                 OnUpdate="@UpdateComment"
                                 OnDelete="@DeleteComment">
                    @*OnUpdate="@UpdateItem"*@
                    <TreeListToolBar>
                        <TreeListCommandButton Command="Add" Icon="add">Add</TreeListCommandButton>
                    </TreeListToolBar>
                    <TreeListColumns>
                        <TreeListColumn Title="Subject" Width="250px" Field="FindComment.Subject" Editable="true" Expandable="true">
                            <EditorTemplate Context="ctx">
                                @{
                                    var item = (ctx as CommentItem);
                                    if (item.FindComment == null)
                                        item.FindComment = new FindComment();
                                    <TelerikTextBox @bind-Value="@item.FindComment.Subject">
                                    </TelerikTextBox>
 
                                }
                            </EditorTemplate>
                        </TreeListColumn>
 
                        <TreeListColumn Title="Comment" Resizable="false"  Editable="true" Field="FindComment.Comment" Width="350px">
                            <EditorTemplate Context="ctx1">
                                @{
                                    var c = (ctx1 as CommentItem);
                                    if (c.FindComment == null)
                                        c.FindComment = new FindComment();
                                    <TelerikTextArea @bind-Value="@c.FindComment.Comment" Width="325px" Class="TelerikTextAreaWidth">
                                    </TelerikTextArea>
                                }
                            </EditorTemplate>
                        </TreeListColumn>
                        <TreeListColumn Title="Name" Width="250px" Field="CommenterName" Editable="false">
                        </TreeListColumn>
 
                        <TreeListCommandColumn Width="150px">
 
                            @{
                                if (SelectedComment != null && SelectedComment.FindComment.Id == appData.AppUser.Id || appData.AppUser.RoleId == (int)ROLE_ENUM.SysAdmin)
                                {
                                    <TreeListCommandButton Command="Add" Icon="add"></TreeListCommandButton>
                                    <TreeListCommandButton Command="Edit" Icon="edit"></TreeListCommandButton>
                                    <TreeListCommandButton Command="Delete" Icon="delete"></TreeListCommandButton>
                                    <TreeListCommandButton Command="Save" Icon="save" ShowInEdit="true"></TreeListCommandButton>
                                    <TreeListCommandButton Command="Cancel" Icon="cancel" ShowInEdit="true"></TreeListCommandButton>
                                }
                                else
                                {
 
                                    <TreeListCommandButton Command="Add" Icon="add"></TreeListCommandButton>
                                    <TreeListCommandButton Command="Save" Icon="save" ShowInEdit="true"></TreeListCommandButton>
                                    <TreeListCommandButton Command="Cancel" Icon="cancel" ShowInEdit="true"></TreeListCommandButton>
                                }
 
                            }
                        </TreeListCommandColumn>
                    </TreeListColumns>
                </TelerikTreeList>
Marin Bratanov
Telerik team
 answered on 13 Feb 2021
2 answers
2.2K+ views

The dropdownlist does not close after selecting a value from the list. It will close once it has lost focus.

I tested this is chrome and firefox and there no JavaScript errors in the thrown

 

 

<label class="ic-Label" for="RoomTypes">Room Type:</label>                         <TelerikDropDownList Id="RoomTypes" Width="230px" Data="@RoomTypes" TextField="Text" ValueField="Value" @bind-Value="_appData.RoomSearchData.RoomType"></TelerikDropDownList>

 

does anyone have an idea?

Andrew
Top achievements
Rank 1
Veteran
Iron
 answered on 12 Feb 2021
Narrow your results
Selected tags
Tags
+105 more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?