28140

Windows Store app, Listview Groupheaderplacement Left and vertical scrolling

Question:

So I'm having a issue with GroupHeaderPlacement and Vertical scrolling. What Im trying to achieve is this: <img alt="enter image description here" class="b-lazy" data-src="https://i.stack.imgur.com/rRIKK.png" data-original="https://i.stack.imgur.com/rRIKK.png" src="https://etrip.eimg.top/images/2019/05/07/timg.gif" />

But for some reason my groups are getting arranged in a horisontal scrolling direction. Anyone know if I'm missing something obvious here or if you simple can't have a vertical scrolling Listview if you have GroupHeaderPlacement Left.

The Code is:<ListView x:Name="ItemsGridView" Margin="118,-5,0,0" ItemsSource="{Binding Source={StaticResource AllCurrentGroup}}" SelectionMode="Single" Grid.Row="2" Grid.Column="0" ShowsScrollingPlaceholders="False" SelectionChanged="SelectedPresentationItem_SelectionChanged" IsSwipeEnabled="True"> <ListView.ItemsPanel> <ItemsPanelTemplate> <ItemsWrapGrid GroupHeaderPlacement="Left" Orientation="Vertical" /> </ItemsPanelTemplate> </ListView.ItemsPanel> <ListView.ItemTemplate> <DataTemplate> <StackPanel Grid.Column="1" Height="80" Margin="40,0,0,0" > <TextBlock Text="{Binding Tid }" Style="{StaticResource BodyTextBlockStyle}" Grid.Column="1" > <TextBlock.Foreground> <SolidColorBrush Color="{StaticResource Orange}"/> </TextBlock.Foreground> </TextBlock> <TextBlock Text="{Binding Titel }" Style="{StaticResource SubheaderTextBlockStyle}" Grid.Column="1" /> </StackPanel> </DataTemplate> </ListView.ItemTemplate> <ListView.GroupStyle> <GroupStyle> <GroupStyle.HeaderTemplate> <DataTemplate> <StackPanel Grid.Column="0" Grid.RowSpan="{Binding Rows}" Width="160" Height="200"> <StackPanel.Background> <SolidColorBrush Color="{StaticResource BlueDark}"/> </StackPanel.Background> <TextBlock Text="{Binding Vecka, Converter={StaticResource ToWeekString }}" Style="{StaticResource BodyTextBlockStyle}" Foreground="#FFFFFFFF" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="Global User Interface" Margin="20,13,0,0"/> <TextBlock Text="{Binding Datum, Converter={StaticResource ToDayNumber }}" Style="{StaticResource HeaderTextBlockStyle}" Foreground="#FFFFFFFF" HorizontalAlignment="Left" Margin="20,26,0,0"/> <TextBlock Text="{Binding Datum, Converter={StaticResource ToMonth }}" Style="{StaticResource SubheaderTextBlockStyle}" Foreground="#FFFFFFFF" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="Global User Interface" Margin="20,-3,0,0"/> <TextBlock Text="{Binding Datum, Converter={StaticResource ToDayString }}" Style="{StaticResource BodyTextBlockStyle}" Foreground="#FFFFFFFF" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="Global User Interface" Margin="20,13,0,0"/> </StackPanel> </DataTemplate> </GroupStyle.HeaderTemplate> <GroupStyle.Panel> <ItemsPanelTemplate> <WrapGrid Orientation="Vertical"></WrapGrid> </ItemsPanelTemplate> </GroupStyle.Panel> </GroupStyle> </ListView.GroupStyle> </ListView>

Answer1:

<a href="http://code.msdn.microsoft.com/windowsapps/GroupedGridView-77c59e8e/sourcecode?fileId=44751&pathId=298223712" rel="nofollow">http://code.msdn.microsoft.com/windowsapps/GroupedGridView-77c59e8e/sourcecode?fileId=44751&pathId=298223712</a>

Please refer the above sample link which helps you to achieve your req.

Recommend

  • How to select all column in XML
  • How to call MoveDataTableCursor in a web test plugin to go through a limited set of rows in a table?
  • How to move comma seperated ids from one row to another row?
  • CSS/Javascript to align a word on a specific character
  • symfony render json_array entity type and save using form
  • use images instead of text in webgrid asp mvc
  • Exporting SAS DataSet on to UNIX as a text file…with delimiter '~|~'
  • Which table should be Parent table and which should be child table?
  • Mapping ManyToMany with composite Primary key and Annotation:
  • Stretch a span across a td
  • Remove characters after a specific character in column
  • drop duplicates pandas dataframe
  • VB.NET: How do I use coalesce with db column values and nullable types? Or is there a better solutio
  • How to remove comma or any characters from Python dataframe column name
  • python - calculate orthographic similarity between words of a list
  • Oracle ListaGG, Top 3 most frequent values, given in one column, grouped by ID
  • Disable/remove close icon on Kendo Grid's default group column
  • MySQL: Difference between `… ADD INDEX(a); … ADD INDEX(b);` and `… ADD INDEX(a,b);`?
  • Python Tkinter after event OOPS implementation
  • Is it better to have roles as a column on my users table, or do it through join tables (Roles &
  • Dynamic ranges again - once more, with text strings
  • Double-click autofill - dynamic based on adjacent cell
  • Caliburn Micro, How to use ContentControl (or display 'sub' ViewModel) using ViewModel Fir
  • Python pandas melting data to multiple columns and coulmn names in another column
  • What's the syntax to inherit documentation from another indexer?
  • Drawing a Path in XAML (with binding) vs. C#. One works, one doesn't
  • Hash Code in SQL Server?
  • Ember.js model to be organised as a tree structure
  • Groovy: Unexpected token “:”
  • Replace value with Factor in r data.table
  • How to access EntityManager inside Entity class in EJB3
  • Repeat a vertical line on every page in Report Builder / SSRS
  • Possible to stop flickering java tooltip in heavyweight mode?
  • How to model a transition system with SPIN
  • Cant find why the layout is getting smaller
  • How to stop GridView from loading again when I press back button?
  • Bitwise OR returns boolean when one of operands is nil
  • sending mail using smtp is too slow
  • costura.fody for a dll that references another dll
  • Binding checkboxes to object values in AngularJs