Telerik Forums
UI for Blazor Forum
2 answers
961 views

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

Gerhard
Top achievements
Rank 1
Veteran
 answered on 17 Feb 2021
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
431 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
166 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
595 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
604 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
169 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
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?