ComboBox in RadDropDownButton

[Paul Bradford]

Hi.  We are trying to use a collection of Combo boxes from within the content of a RadDropDownButton.  However, the actual Combobox items all appear at the far left portion of the page when the Combobox is opened, not underneath each Combo Box. The attached screencap shows this issue.

The xaml for the actual control hosting the DropDownButton is below:

        <telerik:RadDropDownButton x:Name="dropButtonSelector" Content="Select a year">
            <telerik:RadDropDownButton.DropDownContent>
                <Grid VerticalAlignment="Top" HorizontalAlignment="Left">
                    <Border Padding="5" BorderThickness="1" Background="{StaticResource Border Background}" BorderBrush="{StaticResource Border Border}" CornerRadius="3" Width="365">
                        <Border.Effect>
                            <DropShadowEffect BlurRadius="10" Opacity="0.4" ShadowDepth="2"/>
                        </Border.Effect>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <StackPanel Orientation="Vertical" d:LayoutOverrides="Height" Margin="0,0,0,5">
                                <TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="Program / Term / Year Selector" FontSize="{StaticResource ControlTitleFontSize}" Foreground="{StaticResource Amparo Blue}"/>
                                <TextBlock TextWrapping="Wrap" Text="A scelerisque scelerisque tempor. Velit scelerisque scelerisque, ut mattis. Lundium pulvinar sagittis sit porta pulvinar." Foreground="{StaticResource CheckBoxBrush}"/>
                            </StackPanel>
                            <Button x:Name="btnClose" HorizontalAlignment="Right" VerticalAlignment="Top" Padding="2" Click="closeSelector">
                                <Image Source="/images/closebutton.png" Stretch="Fill" Width="18" Height="18"/>
                            </Button>
                            <ComboBox x:Name="cboProgram" DataMemberPath="Id" DisplayMemberPath="Name" VerticalAlignment="Top" Grid.Row="1" Width="250" Margin="0,2,0,0" HorizontalAlignment="Left"/>
                            <ComboBox x:Name="cboTerm" DataMemberPath="Id" DisplayMemberPath="Name"  VerticalAlignment="Top" Grid.Row="2" Width="250" Margin="0,2,0,0" HorizontalAlignment="Left"/>
                            <ComboBox x:Name="cboYear" DataMemberPath="Id" DisplayMemberPath="Name" VerticalAlignment="Top" Grid.Row="3" Width="250" Margin="0,2,0,0" HorizontalAlignment="Left"/>
                        </Grid>
                    </Border>
                </Grid>
            </telerik:RadDropDownButton.DropDownContent>
        </telerik:RadDropDownButton>

[Alex Fidanov]

Hello Paul,

We have acknowledged this as an issue in the RadDropDownButton. I have logged this under "RadDropDownButton: Incorrect positioning of a popup opened from the DropDownButton's content and effect is applied" and we are already looking for a resolution for it. You can check this issue's progress from our PITS.

Best wishes,
Alex Fidanov
the Telerik team