This project has moved. For the latest updates, please go here.

TimePicker: Increase the height of the dropdown list

May 15, 2014 at 7:37 PM
Anyone know how to style TimePicker so that you can increase the size of the dropdown to display more items. I tried

<xctk:TimePicker x:Name="ClockInTime" Value="9:00 AM" VerticalAlignment="Top" Margin="10" Height="40" FontSize="18" TimeInterval="0:30:0" ClipToBounds="True">
                        <xctk:TimePicker.Resources> 
                            <Style TargetType="Popup">
                                <Setter Property="Height" Value="500" />
                            </Style>
                        </xctk:TimePicker.Resources>
</xctk:TimePicker>

But it only created a larger dropdown with 4 items displaying in the center of the dropdown.
Developer
May 21, 2014 at 2:07 PM
May 23, 2014 at 1:52 PM
Good to know that the MaxDropDownHeight property will be added in the next version. For those interested, I found this workaround for the time being:

<xctk:TimePicker x:Name="ClockInTime" Value="9:00 AM" VerticalAlignment="Top" Margin="10" Height="40" FontSize="18" TimeInterval="0:30:0" ClipToBounds="True" EndTime="23:0:0" StartTime="7:0:0">
                        <xctk:TimePicker.Resources> 
                            <Style TargetType="ListBox">
                                <Setter Property="MinHeight" Value="400" />
                            </Style>
                        </xctk:TimePicker.Resources>
                    </xctk:TimePicker>