itemcontrolpaneltemplate uniformgrid - possible

[germgerm]

i am trying to create a formlike layout consisting of an a list of items displayed as label in 1st column value in 2nd column
using an itemscontrol bound to the array with itemcontrolpaneltemplate set to a 2 column uniformgrid
we can only supply a single item in the itemscontrol.itemtemplate/datatemplate is it possible to use uniformgrid for this?
what is the alternative ? nested stack panels with defined item widths ? seems very cumbersome and not very flexible

[thevortexcloud]

You can actually use multiple different data templates. Avalonia will work out which one to use based on the item type (meaning each of your View Models would need a different template). You can also use things like the template selector pattern if you need more advanced selection logic.

https://github.com/AvaloniaUI/Avalonia.Samples/tree/main/src/Avalonia.Samples/DataTemplates/IDataTemplateSample

is it possible to use uniformgrid for this?

Probably. It may also look weird since the items will likely not all be the same size, which means each grid will have non uniform layouts in respect to each other. You could instead use a regular grid with shared scope sizing. WPF docs for that here https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/how-to-share-sizing-properties-between-grids?view=netframeworkdesktop-4.8

You could also change the item panel itself. But I suspect it wont do what you want.

https://docs.avaloniaui.net/docs/concepts/custom-itemspanel

[germgerm]

thanks for the reply but maybe i wasn't clear, the data template only accepts one child which means each item and its label must be wrapped in a container of some sort which would be rendered as a single cell rather than 2 cells in a single row
unless the container itself is not rendered ? will have to see if that is the case which solves the issue.

[thevortexcloud]

Ah. You could probably hack it if you are willing to bind to a list of objects so each label and value is in a flat list. EG

public ObservableCollection<object> { get; } = new ObservableCollection<object>() {
 "Label 1",
new Value()
}

etc. Obviously this is not ideal. Uniform grid is not really made for this sort of thing. If you were using a regular grid you could probably make a defacto uniform grid using * sizing and shared size scopes. You just wont get the auto wrapping though.

Depending on what you are doing, there may be better controls as well you can use. EG TreeView/a ItemControl with an Expander for the template.

[tobyfirth]

ItemsControl.ItemTemplate only takes 1 data template. ItemsControl.DataTemplates can take as many as you want. You could also write your own IDataTemplate class which you could pass to ItemsControl.ItemTemplate that then return the right control to use. See documentation and these samples IDataTemplate and FuncTemplate for ideas.

Uniform grid will take the size of the first cell as the size for all cells in the grid.

[germgerm]

thanks the issue isn't multiple datatemplates the multiple children (cells) per one template -will have to look into the suggested custom template types
for now i redid this to use nested stackpanels