Telerik Forums
UI for Blazor Forum
2 answers
980 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
77 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
135 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
455 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
174 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
615 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
621 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
2.0K+ 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
179 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
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?