Question

I’m creating a custom component (with its ViewModel) that is composed of a list of some objects.

Each row is represented by another custom component (with its own ViewModel too).

I’d like to set the width of each row equal to the width of the “container” list…

But i can’t! How can I do that?

Answer 1

I am guessing you are using a ListBox? If so, you need to set the ItemContainerStyle to stretch across the entire available width:

    <Style x:Key="ListBoxItemStyle" TargetType="ListBoxItem">
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="HorizontalAlignmen" Value="Stretch"/>
    </Style>

Referencing this style as follows:

     <ListBox ItemsSource="{Binding Devices}" ItemContainerStyle="{StaticResource ListBoxItemStyle}">
     </ListBox>

See this forum thread for more details.