Hide Default checkbox inside MultiSelect ListView (UWP)

user_1177753 0
Viewed 369

I have a ListView like this

                            <ListView  ItemsSource="{x:Bind DDLItemsSource, Mode=OneWay}" Background="Transparent" VerticalAlignment="Stretch" 
                                   SelectionChanged="StudentsList_SelectionChanged" x:Name="StudentsList" SelectionMode="Multiple"  HorizontalAlignment="Stretch" >
                            <ListView.ItemContainerStyle>
                                <Style TargetType="ListViewItem">
                                    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                                    <Setter Property="BorderThickness" Value="0 0 0 1"/>
                                </Style>
                            </ListView.ItemContainerStyle>
                        </ListView>

When this Listview Renders on-page, it comes with Default Checkbox inside each item. I want to hide those Checkboxes and show only data. how can I achieve this?

This is how the ListView looks now

enter image description here

uwp-xaml uwp xaml
2 Answers

Hide Default checkbox inside MultiSelect ListView (UWP)

That could be approached easily by edit the <Style TargetType="ListViewItem" x:Key="ListViewItemExpanded">,(in generic.xaml file) you could find the checkbox was made with MultiSelectSquare Border, we just add the edit Normal VisualState like the following, and the checkbox will be hidden when Multiple SelectionMode.

<VisualState x:Name="Normal">
    <Storyboard>
        <PointerUpThemeAnimation Storyboard.TargetName="ContentPresenter" />
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MultiSelectSquare" Storyboard.TargetProperty="Visibility">
            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
</VisualState>

Usage

<ListView
    Name="TestList"
    IsItemClickEnabled="True"
    ItemClick="ListView_ItemClick"
    ItemContainerStyle="{StaticResource ListViewItemExpanded}"
    SelectionMode="Multiple"
    Visibility="Visible"
    >
user_72547810

You can fix it by changing ListView to ListBox:

<ListBox
    ItemsSource="{x:Bind DDLItemsSource, Mode=OneWay}"
    Background="Transparent"
    VerticalAlignment="Stretch" 
    SelectionChanged="StudentsList_SelectionChanged"
    x:Name="StudentsList"
    SelectionMode="Multiple"
    HorizontalAlignment="Stretch" >
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            <Setter Property="BorderThickness" Value="0 0 0 1"/>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>
user_64200320
Related