Hi,
How could I get alternate COLUMN colors? Note, not alternate ROW colors.
In actual fact, I don't just want alternating column colors, I want column 1 and 2 to have the same color, 3 and 4 a different color, then 5 and 6 the same as 1 and 2 and so on. Also, I want a cell to be completely filled with the particular color so I figure I have to work on the <td> level.
I thought I had it by hooking the OnCellRender event but my logic falls apart when you start clicking on the grid! None of the properties on the GridCellRenderEventArgs object tells you which column's cell is being rendered. The Item property contains the entire row context. Unfortunately the cell value does not contain any information either in my case to identify the column of it's index.
Thanks,
Gerhard
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
>