none
C#/WPF: Mit Stackpanel Orientation Horizontal untereinander anordnen von TimePicker RRS feed

  • Frage

  • Hallo, 

    ich habe folgendes Problem: Ich möchte gerne ein Label und ein TimePicker untereinander anordnen.. Wie realisiere ich das am besten? Der TimePicker soll aber neben den Label stehen bleiben. 

    XAML Code: 

      <StackPanel  Margin="20,0,20,20" Height="293" Orientation="Horizontal">
            <Label Background="#FF9C9C9C" VerticalAlignment="top"  Content="Dienstbeginn:" FontWeight="Bold" Margin="20"/>
            <xctk:DateTimePicker VerticalAlignment="Top" VerticalContentAlignment="Center" x:Name="txt_Dienstbeginn"  Height="27" Margin="-10, 20, 0,0" Background="#FF475466" Width="160"/>
            
            <Label Background="#FF9C9C9C" VerticalAlignment="Top"   Content="Dienstschluss:"   FontWeight="Bold"/>
            <xctk:DateTimePicker VerticalAlignment="Top" VerticalContentAlignment="Center" x:Name="txt_Dienstschluss"  Height="27"  Background="#FF475466" Width="160"/>
        </StackPanel>


    Sonntag, 1. Dezember 2019 10:56

Antworten

  • Hi,
    eine Möglichkeit wäre die Nutzung eingebetteter StackPanels, z.B. so:

        <StackPanel Orientation="Vertical">
          <StackPanel Orientation="Horizontal" Margin="5">
            <Label Background="#FF9C9C9C" Content="Dienstbeginn:" FontWeight="Bold" Margin="0 0 5 0"/>
            <xctk:DateTimePicker VerticalContentAlignment="Center" Background="#FF475466" Width="160"/>
          </StackPanel>
          <StackPanel Orientation="Horizontal" Margin="5">
            <Label Background="#FF9C9C9C" Content="Dienstschluss:" FontWeight="Bold" Margin="0 0 5 0"/>
            <xctk:DateTimePicker VerticalContentAlignment="Center" Background="#FF475466" Width="160"/>
          </StackPanel>
        </StackPanel>

    Eine andere Möglichkeit wäre die Nutzung des Grid, z.B. so:

        <Grid Height="50" Width="300">
          <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
          </Grid.RowDefinitions>
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100"/>
            <ColumnDefinition Width="200"/>
          </Grid.ColumnDefinitions>
          <Label Grid.Row="0" Grid.Column="0" Background="#FF9C9C9C" Content="Dienstbeginn:" FontWeight="Bold" Margin="0 0 5 0"/>
          <xctk:DateTimePicker Grid.Row="0" Grid.Column="1" VerticalContentAlignment="Center" Background="#FF475466" Width="160"/>
          <Label Grid.Row="1" Grid.Column="0" Background="#FF9C9C9C" Content="Dienstschluss:" FontWeight="Bold" Margin="0 0 5 0"/>
          <xctk:DateTimePicker Grid.Row="1" Grid.Column="1" VerticalContentAlignment="Center" Background="#FF475466" Width="160"/>
        </Grid>


    --
    Best Regards / Viele Grüße
    Peter Fleischer (former MVP for Developer Technologies)
    Homepage, Tipps, Tricks


    Sonntag, 1. Dezember 2019 13:30