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?
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?
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.
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
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?
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
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
>
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?