We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Wrapping Task Tags


I'm wondering how to make the tags at the bottom of the cards wrap? So, for instance, when I put more than 3 decent size tags, it just keeps adding to the end. Is there a way to wrap them to continue below? 

1 Reply

MK Muneesh Kumar G Syncfusion Team July 6, 2019 08:50 AM UTC

Hi Hunter, 
Greetings from Syncfusion. 
We have prepared a sample to wrap the tag item by setting the custom card template to the CardTemplate property. Please download the sample from the following location. 
Code Snippet: 
<DataTemplate x:Key="CustomCardTemplate"> 
                            <ScrollViewer x:Name="scrollView" Grid.Row="2" Grid.ColumnSpan="1" VerticalAlignment="Bottom" 
                                  Visibility="{Binding Tag.CardStyle.TagVisibility ,RelativeSource={RelativeSource Mode=TemplatedParent}}" 
                                <ItemsControl ItemsSource="{Binding Tags}"> 
                                                <ItemsWrapGrid x:Name="ItemWrapGrid" MaximumRowsOrColumns="3" ItemHeight="30" ItemWidth="70" DataContext="{Binding}" Orientation="Horizontal"/> 
                                            <Border BorderThickness="2" BorderBrush="Gray"  Margin="5"> 
                                                <TextBlock HorizontalAlignment="Center" FontSize="10" Text="{Binding }"/> 
<kanban:SfKanban x:Name="Kanban" ItemsSource="{Binding Tasks}" CardTemplate="{StaticResource CustomCardTemplate}"> 
Please let us know if you need further assistance on this. 
Muneesh Kumar G.   

Live Chat Icon For mobile
Up arrow icon