Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><img src="https://i.stack.imgur.com/jBbK7.png" alt="enter image description here"></p> <p>I just solved it by using a grid as everyone does! I created a grid with several columns and and I took the first column for working as the header. As you can see I had to rotate the text inside using a RenderTransform, but i looks pretty fine for me. I know this is not answering the real question with the HeaderedContentControl, but for my task was the solution. Here is my XAML:</p> <pre><code>&lt;Grid &gt; &lt;Grid.ColumnDefinitions&gt; &lt;ColumnDefinition Width="0.05*"/&gt; &lt;ColumnDefinition Width="0.15*"/&gt; &lt;ColumnDefinition Width="0.15*"/&gt; &lt;ColumnDefinition Width="0.15*"/&gt; &lt;ColumnDefinition Width="0.15*"/&gt; &lt;ColumnDefinition Width="0.15*"/&gt; &lt;/Grid.ColumnDefinitions&gt; &lt;Grid Column="0" Background="#009999"&gt; &lt;TextBlock Grid.Column="0" Text="{Binding Strand.Description,FallbackValue='Strand X'}" FontSize="18" Foreground="White" FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0 30"&gt; &lt;TextBlock.LayoutTransform&gt; &lt;RotateTransform Angle="-90"/&gt; &lt;/TextBlock.LayoutTransform&gt; &lt;/TextBlock&gt; &lt;/Grid&gt; &lt;Grid Column="1"&gt; &lt;Grid&gt; &lt;Grid.RowDefinitions&gt; &lt;RowDefinition Height="0.25*"/&gt; &lt;RowDefinition Height="0.25*"/&gt; &lt;RowDefinition Height="0.25*"/&gt; &lt;RowDefinition Height="0.25*"/&gt; &lt;RowDefinition Height="0.25*"/&gt; &lt;/Grid.RowDefinitions&gt; &lt;Grid.ColumnDefinitions&gt; &lt;ColumnDefinition Width="0.55*"/&gt; &lt;ColumnDefinition Width="0.45*"/&gt; &lt;/Grid.ColumnDefinitions&gt; &lt;TextBlock Grid.Row="0" Grid.ColumnSpan="2" Style="{StaticResource SubHeader}" Text="{x:Static Localization:LanguageResource.Variables}" TextAlignment="Center"/&gt; &lt;TextBlock Grid.Row="1" Style="{StaticResource GridKeyCell}" Text="{x:Static Localization:LanguageResource.OperationMode}"/&gt; &lt;TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding FALTA,FallbackValue='---'}" MinWidth="50" TextAlignment="Center" Style="{StaticResource GridValueCellHighRelevance}"/&gt; &lt;TextBlock Grid.Row="2" Style="{StaticResource GridKeyCell}" Text="{x:Static Localization:LanguageResource.Speed}"/&gt; &lt;TextBlock Grid.Row="2" Grid.Column="1" Text="{Binding FALTA,FallbackValue='---'}" MinWidth="50" TextAlignment="Center" Style="{StaticResource GridValueCell}"/&gt; &lt;TextBlock Grid.Row="3" Style="{StaticResource GridKeyCell}" Text="{x:Static Localization:LanguageResource.Direction}"/&gt; &lt;TextBlock Grid.Row="3" Grid.Column="1" Text="{Binding FALTA,FallbackValue='---'}" MinWidth="50" TextAlignment="Center" Style="{StaticResource GridValueCell}"/&gt; &lt;TextBlock Grid.Row="4" Style="{StaticResource GridKeyCell}"/&gt; &lt;TextBlock Grid.Row="4" Grid.Column="1" MinWidth="50" TextAlignment="Center" Style="{StaticResource GridValueCell}"/&gt; &lt;/Grid&gt; &lt;/Grid&gt; &lt;Grid Column="2"&gt; &lt;Grid&gt; &lt;Grid.RowDefinitions&gt; &lt;RowDefinition Height="0.25*"/&gt; &lt;RowDefinition Height="0.25*"/&gt; &lt;RowDefinition Height="0.25*"/&gt; &lt;RowDefinition Height="0.25*"/&gt; &lt;RowDefinition Height="0.25*"/&gt; &lt;/Grid.RowDefinitions&gt; &lt;Grid.ColumnDefinitions&gt; &lt;ColumnDefinition Width="0.55*"/&gt; &lt;ColumnDefinition Width="0.15*"/&gt; &lt;ColumnDefinition Width="0.30*"/&gt; &lt;/Grid.ColumnDefinitions&gt; &lt;Image Grid.Column="0" Grid.Row="1" Grid.RowSpan="4" Source="../Style/Images/Withdrawal - DummyBar.png" Stretch="Fill" Height="105" Width="45"&gt;&lt;/Image&gt; &lt;TextBlock Grid.Row="0" Grid.ColumnSpan="3" Style="{StaticResource SubHeader}" Text="{x:Static Localization:LanguageResource.Machine4}" TextAlignment="Center"/&gt; &lt;TextBlock Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2" Style="{StaticResource GridKeyCell}" Text="{x:Static Localization:LanguageResource.PressurePSI}"/&gt; &lt;TextBlock Grid.Row="2" Grid.Column="1" Style="{StaticResource GridValueCell}" Text="{Binding FALTA,FallbackValue='---'}"/&gt; &lt;TextBlock Grid.Row="2" Grid.Column="2" Style="{StaticResource GridValueCell}" Text="{Binding FALTA,FallbackValue='---'}"/&gt; &lt;TextBlock Grid.Row="3" Grid.Column="1" Grid.ColumnSpan="2" Style="{StaticResource GridKeyCell}" Text="{x:Static Localization:LanguageResource.Current}"/&gt; &lt;TextBlock Grid.Row="4" Grid.Column="1" Style="{StaticResource GridValueCell}" Text="{Binding FALTA,FallbackValue='---'}"/&gt; &lt;TextBlock Grid.Row="4" Grid.Column="2" Style="{StaticResource GridValueCell}" Text="{Binding FALTA,FallbackValue='---'}"/&gt; &lt;/Grid&gt; &lt;/Grid&gt; &lt;/Grid&gt; </code></pre> <p>I didn't bind the data... where says 'FALTA' you just read any property you want. Thanks everyone for the answers!!</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload