Responsiveview with multiple elements

[ashah7]

I'm trying to setup responsive behaviour for 10's of textboxs. How can I use the below structure for multiple textboxes without decorating each control with the same syntax?

  <utu:ResponsiveView  Grid.Row="0" Grid.Column="1">
    <utu:ResponsiveView.NarrowTemplate>
      <DataTemplate>

        <TextBlock Text="Today" TextAlignment="Center" FontSize="14"></TextBlock>

      </DataTemplate>
    </utu:ResponsiveView.NarrowTemplate>

    <utu:ResponsiveView.WidestTemplate >
      <DataTemplate>
        <TextBlock Text="Today" TextAlignment="Center" FontSize="20"></TextBlock>
        <TextBlock Text="AnotherTextBox" FontSize="30"></TextBlock>   **_<--adding here does not work_**

      </DataTemplate>
    </utu:ResponsiveView.WidestTemplate>
  </utu:ResponsiveView>

[Xiaoy312]

You can only define a single element underneath a DataTemplate.
What you need is a panel that can contain multiple elements:

    <utu:ResponsiveView.WidestTemplate >
      <DataTemplate>
	      <StackPanel Orientation="Horizontal">
	        <TextBlock Text="Today" TextAlignment="Center" FontSize="20"></TextBlock>
	        <TextBlock Text="AnotherTextBox" FontSize="30"></TextBlock>
	      </StackPanel>
      </DataTemplate>
    </utu:ResponsiveView.WidestTemplate>

[ashah7]

thank you
Is there a way to make this work with <Style> or something as I have a table with many textboxes that need resizing with different widths. Using the above code it gets very messy

   <TextBlock Style="{StaticResource CustomTimes}" Text="{Binding sunrise}" Grid.Row="2" Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>

   <TextBlock Style="{StaticResource CustomTimes}" Text="{Binding sunrisetmrw}" Grid.Row="2" Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>

   <TextBlock Style="{StaticResource CustomTimes}" Text="" Grid.Row="2" Grid.Column="3" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>

[Xiaoy312]

do you have some examples of the result you are expecting on wide vs narrow?
because the approach can vary depending on the desired results.