title: Xamarin Forms Rotating Listview adjust row width
body: <p>In Xamarin Forms, I want to implement a horizontal listview (like shown in the image below). Via Rotation this is possible, but the I cannot change the row width. Is there also a possibility the let the second layout start under the first one?
  Thanks in advance!</p>
  
  <pre><code> &lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           x:Class="Recipe.Pages.SearchPage"
           Title="Search"&gt;
  &lt;ContentPage.Content&gt;
  &lt;StackLayout Spacing="5" x:Name="layout" Orientation="Vertical" &gt;
    &lt;StackLayout x:Name="layoutButtons" HorizontalOptions="FillAndExpand" Orientation="Horizontal" Spacing="5" BackgroundColor="Red"&gt;
      &lt;Button x:Name="btn1" BackgroundColor="White" Image="@drawable/scan" /&gt;
      &lt;Button x:Name="btn2" BackgroundColor="White" Image="@drawable/menu" /&gt;
      &lt;Button x:Name="btn3" BackgroundColor="White" Image="@drawable/search" /&gt;
    &lt;/StackLayout&gt;
    &lt;StackLayout x:Name="layoutList" &gt;
      &lt;ListView  x:Name="listView" Rotation="270" RowHeight="75" &gt;
        &lt;ListView.ItemTemplate&gt;
          &lt;DataTemplate&gt;
            &lt;ViewCell&gt;
              &lt;StackLayout BackgroundColor="#eee" Orientation="Vertical" &gt;
                &lt;StackLayout Orientation="Horizontal" &gt;
                  &lt;Button BackgroundColor="White" Rotation="90" Image="{Binding Recipe}" /&gt;
                &lt;/StackLayout&gt;
            &lt;/StackLayout&gt;
            &lt;/ViewCell&gt;
          &lt;/DataTemplate&gt;
        &lt;/ListView.ItemTemplate&gt;
      &lt;/ListView&gt;
    &lt;/StackLayout&gt;
   &lt;/StackLayout&gt;
   &lt;/ContentPage.Content&gt;
  &lt;/ContentPage&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/wNkOz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wNkOz.png" alt="enter image description here"></a></p>
  
  <p><strong>EDIT</strong>
  I also tried with a grid in the listview. Having the same issue.</p>
  
  <pre><code> &lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           x:Class="Recipe.Pages.SearchPage"
           Title="Search"&gt;
  &lt;ContentPage.Content&gt;
  &lt;StackLayout Spacing="5" x:Name="layout" Orientation="Vertical" &gt;
    &lt;StackLayout x:Name="layoutButtons" HorizontalOptions="FillAndExpand" Orientation="Horizontal" Spacing="5" BackgroundColor="Red"&gt;
      &lt;Button x:Name="btn1" BackgroundColor="White" Image="@drawable/scan" /&gt;
      &lt;Button x:Name="btn2" BackgroundColor="White" Image="@drawable/menu" /&gt;
      &lt;Button x:Name="btn3" BackgroundColor="White" Image="@drawable/search" /&gt;
    &lt;/StackLayout&gt;
    &lt;StackLayout x:Name="layoutList" &gt;
      &lt;ListView  x:Name="listView" Rotation="270" RowHeight="75" &gt;
        &lt;ListView.ItemTemplate&gt;
          &lt;DataTemplate&gt;
            &lt;ViewCell&gt;
              &lt;Grid&gt;
                &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition Height="Auto" /&gt;
                &lt;/Grid.RowDefinitions&gt;
                &lt;Grid.ColumnDefinitions&gt;
                  &lt;ColumnDefinition Width="75" /&gt;
                &lt;/Grid.ColumnDefinitions&gt;
                &lt;Button Grid.Column="0" BackgroundColor="White" Rotation="90" Image="{Binding Recipe}" /&gt;
              &lt;/Grid&gt;
            &lt;/ViewCell&gt;
          &lt;/DataTemplate&gt;
        &lt;/ListView.ItemTemplate&gt;
      &lt;/ListView&gt;
    &lt;/StackLayout&gt;
  &lt;/StackLayout&gt;
  &lt;/ContentPage.Content&gt;
  &lt;/ContentPage&gt;
  </code></pre>