Telerik Forums
UI for Blazor Forum
3 answers
133 views

I want to disable Gantt tree editing. ie make the tree read only.

Any suggestions?

Benjamin
Top achievements
Rank 2
Iron
 answered on 02 Mar 2022
1 answer
85 views

Depending if my folder is expanded or not I may want to display a different icon. Or I might want one of my leaf tree nodes should show a different look because of an external state change (e.g. IsDirty so add an asterisk to the text and make it red.)

Changing the bound IconClass property of the tree node doesn't update the tree.

If I update the property, I can't find a way to tell the tree to re-render that node.

My only working example is to reset the tree data with a new copy of the tree data list. However this looks very awkward in the example of a tree node expand/collapse. The node expands and then about a second later the icon changes to an open folder.

Any other options available?

-Andy

Dimo
Telerik team
 answered on 02 Mar 2022
1 answer
109 views
Is there a way for sort to just alternate between ascending and descending? Currently if you keep clicking, it has a 3rd state of no sort which is never a state we want. If the answer is use OnStateChange, I can just do that then.
Dimo
Telerik team
 updated answer on 01 Mar 2022
0 answers
123 views

Strangest thing. I have a non-modal window control which contains a grid control. For some reason, the window appears to be docked to the right side of the form. I can move the window up and down but if I move it right or left, it just resizes the window width.

If I specify a width in px then it is fine. If I specify a width as a percentage then it is docked. Is there a way for the grid to configure the width so it doesn't dock but still takes 100% of the width?

 

John
Top achievements
Rank 1
Iron
 asked on 28 Feb 2022
1 answer
224 views

I'm using TelerikListView component in Blazor app. I have a template defined with @onclick event and need to programmatically invoke the Edit command in that event. The reason is to show EditTemplate when the user clicks on the whole row, not just some button.

Thanks for help.

Marin Bratanov
Telerik team
 answered on 28 Feb 2022
1 answer
1.3K+ views
Or is there is some alternate control I can use? Thanks!
Marin Bratanov
Telerik team
 answered on 28 Feb 2022
0 answers
1.0K+ views

Hello Support Team,

I have a Item Template for my Treeview. I want to make the background color different for my selected item and let it stick. When the user selects another item, it should highlight that selected item and other items should look normal.


<TelerikTreeView Data="@DefectTreeView" @bind-ExpandedItems="@ExpandedItems"  SelectionMode="TreeViewSelectionMode.Single" >                    
                            <TreeViewBindings>                    
                                <TreeViewBinding IdField="DefectCategoryID" ParentIdField="ParentID" TextField="DefectCategoryName" HasChildrenField="HasChildren" IconField="folder-open" >
                                    <ItemTemplate>
                                        @{
                                            var item = context as DefectDefectCategory_TreeViewResultModel;
                                            var chkenabled = false;
                                            var chkvalue = false;
                                            if (item.HasChildren == false && item.ChildrenCount == 0)
                                            {
                                                chkenabled = true;
                                                <div style="padding-right: 4px;">
                                                    <TelerikCheckBox Enabled="chkenabled" Id="chkDelete" Title="Check to Delete Category" ValueChanged="@((bool value) => GetSelectedTreeItemsDelete(value,item.DefectCategoryID))" > 
                                                    </TelerikCheckBox>
                                                </div>
                                            }                                            
                                            var itemname = item.DefectCategoryName.ToString() + " (" + item.ChildrenCount.ToString() + ")";                                           
                                           @itemname;
                                        }
                                    </ItemTemplate>                                    
                                </TreeViewBinding>
                            </TreeViewBindings>                            
                        </TelerikTreeView>

How do I set the css style to show the selected item.

Thank you.

Beena
Top achievements
Rank 1
Iron
Iron
 asked on 28 Feb 2022
1 answer
335 views

I'm developing an application where accessibility is very high priority, and I'm finding that every time I try to use one of your controls within the application, there is some sort of issue with its usability, mostly with screen readers.  While I know that you are working on trying to make the controls more accessible, this appears to be slow going. 

Further, I'm not seeing any options for workarounds.  For example, most of the controls are missing certain aria labels that would make them viable to use with screen readers, but because you have deciding not to implement allowing arbitrary attributes / attribute splatting within your controls I can't do anything to get these controls working for screen reader users. As a result, I keep having to roll my own controls instead of using yours, even though in most cases your control is 90% there.

Take the Multi-select control.  It has keyboard support, which is great, and it does read the options when navigating through the dropdown, but once you have selected an option, there is no way to get a screen reader to read any of the selected tags.

Another example is with your checkbox control. I need a way to set an aria-invalid attribute on the control, but I can't do so because your controls don't support attribute splatting: http://https://feedback.telerik.com/blazor/1416978-support-arbitrary-attributes?_ga=2.192430378.1005614243.1645625246-1187442152.1626202564

Other examples include:

https://www.telerik.com/forums/how-to-alter-aria-attributes-on-menu-and-panelbar

https://www.telerik.com/forums/how-to-add-html-aria-attributes-to-telerik-components

https://www.telerik.com/forums/ignore-forward-slash-allow-various-formats-when-using-date-input

I know that you are working on some of these things, but this is not something that I can wait months for to be released.  So I'm asking are there any work arounds for some of these issues?  If you had chosen to support arbitrary attributes, it would ease the frustration of waiting for a fix because we could have used that method as a workaround.  Is there anything that I can do now to mitigate my issues short of writing the controls from scratch?  

Hristian Stefanov
Telerik team
 answered on 28 Feb 2022
1 answer
295 views

Is there any way to turn off grouping before exporting to excel and then turn it back on.  I have tried utilizing the before and after export events but it does not seem to work.


	private async Task OnExcelAfterExportAsync(GridAfterExcelExportEventArgs args)
	{
		await ticketGrid.SetState(currentGridState);
	}

	private async Task OnExcelBeforeExportAsync(GridBeforeExcelExportEventArgs args)
	{
		currentGridState = ticketGrid.GetState();

		GridState<TicketListModel> tempState = new()
			{
				SortDescriptors = currentGridState.SortDescriptors,
				FilterDescriptors = currentGridState.FilterDescriptors,
				GroupDescriptors = new List<GroupDescriptor>()
			};

		await ticketGrid.SetState(tempState);

		args.Columns = args.Columns.Except(args.Columns.Where(c => c.Field == "HasAttachments")).ToList();

		var statusColumn = args.Columns.First(c => c.Field == "StatusId");
		statusColumn.Field = "Status";

		var priorityColumn = args.Columns.First(c => c.Field == "PriorityId");
		priorityColumn.Field = "Priority";

		var areaColumn = args.Columns.First(c => c.Field == "Area");
		areaColumn.Width = "150px";

		args.IsCancelled = false;
	}

Svetoslav Dimitrov
Telerik team
 answered on 28 Feb 2022
1 answer
743 views

I have a handler for OnSelect, where I take the files and store them on the server. However, after this is done, the FileSelector still shows the files to the user, for no reason.

I couldn't find anyway in the code to clear the list of files or to indicate to the FileSelector that the uploading was done. It doesn't look right when I tell the user "Upload Done!", yet the files selected by the user are still listed visible in the FileSelector.

Apostolos
Telerik team
 answered on 28 Feb 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
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
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?