Our application uses SL 5 and Telerik 2012.1.215.2050.
Couple of the screens uses the RadRibbonDropDownButton with a Listbox control(data bound) as the dropdown list.
When we click on an item in the dropdown list it fires the click event but does not close dropdown list. The only way to close it is to click on the RadRibbonDropDownButton. Even if I click on other controls does not close the dropdown list. We dint see this is the older Telerik version and this issue started only when we upgraded to 2012.1.215.2050.
When I created a test app with the RadRibbonDropDownButton the dropdown list does not close when an item is clicked. But it closes when I click on another control.
I tried to use the property KeepOpen="False" but my understanding is this no longer applies to RadRibbonDropDownButton.
I could and a on click event to close the dropdown but it would to be a hack.
Please let me know if there is any particular setting that I am missing.
Below is the code snippet from my test app.
Thank you,
Raaj.
'Format Code Block'
<Grid x:Name="LayoutRoot" Height="644" Width="884">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<telerik:RadRibbonView Grid.Row="0" ApplicationName="Events" AllTabsEqualHeight="True" HelpButtonVisibility="Collapsed" ApplicationButtonVisibility="Collapsed" TitleBarVisibility="Collapsed" telerik:StyleManager.Theme="Windows7" >
<telerik:RadRibbonTab Header="Home" telerik:KeyTipService.AccessText="H">
<telerik:RadRibbonGroup Header="Categories">
<StackPanel Orientation="Vertical">
<telerik:RadRibbonDropDownButton Content="Clipboard" Height="22" MinWidth="150" KeepOpen="False" >
<telerik:RadRibbonDropDownButton.DropDownContent>
<telerik:RadContextMenu BorderThickness="0">
<telerik:RadMenuItem Header="Paste">
</telerik:RadMenuItem>
<telerik:RadMenuItem Header="Paste Special...">
</telerik:RadMenuItem>
<telerik:RadMenuItem Header="Paste as Hyperlink" IsEnabled="False">
</telerik:RadMenuItem>
</telerik:RadContextMenu>
</telerik:RadRibbonDropDownButton.DropDownContent>
</telerik:RadRibbonDropDownButton>
<telerik:RadRibbonButton Content="Clear Category Filters" MinWidth="150"/>
</StackPanel>
</telerik:RadRibbonGroup>
</telerik:RadRibbonTab>
<telerik:RadRibbonTab Header="File" telerik:KeyTipService.AccessText="F">
<telerik:RadRibbonGroup Header="File">
<StackPanel Orientation="Vertical">
<telerik:RadRibbonDropDownButton Content="Clipboard" Height="22" MinWidth="150" KeepOpen="False" >
<telerik:RadRibbonDropDownButton.DropDownContent>
<ListBox ItemsSource="{Binding Path=Categories}">
<ListBoxItem>
<telerik:RadToggleButton telerik:StyleManager.Theme="Windows7">
<Grid MinWidth="150">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="17"/>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Rectangle Grid.Column="0" Fill="Green" HorizontalAlignment="Left" RadiusX="2" RadiusY="2" Height="17" Width="17"/>
<TextBlock Grid.Column="1" Text="Paste" HorizontalAlignment="Left" Margin="5,0,0,0"/>
</Grid>
</telerik:RadToggleButton>
</ListBoxItem>
<ListBoxItem>
<telerik:RadToggleButton telerik:StyleManager.Theme="Windows7">
<Grid MinWidth="150">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="17"/>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Rectangle Grid.Column="0" Fill="Red" HorizontalAlignment="Left" RadiusX="2" RadiusY="2" Height="17" Width="17"/>
<TextBlock Grid.Column="1" Text="Paste Special..." HorizontalAlignment="Left" Margin="5,0,0,0"/>
</Grid>
</telerik:RadToggleButton>
</ListBoxItem>
<ListBoxItem>
<telerik:RadToggleButton telerik:StyleManager.Theme="Windows7">
<Grid MinWidth="150">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="17"/>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Rectangle Grid.Column="0" Fill="Blue" HorizontalAlignment="Left" RadiusX="2" RadiusY="2" Height="17" Width="17"/>
<TextBlock Grid.Column="1" Text="Paste as Hyperlink" HorizontalAlignment="Left" Margin="5,0,0,0"/>
</Grid>
</telerik:RadToggleButton>
</ListBoxItem>
</ListBox>
</telerik:RadRibbonDropDownButton.DropDownContent>
</telerik:RadRibbonDropDownButton>
<telerik:RadRibbonButton Content="Clear Category Filters" MinWidth="150"/>
</StackPanel>
</telerik:RadRibbonGroup>
</telerik:RadRibbonTab>
</telerik:RadRibbonView>
<StackPanel Grid.Column="1" Grid.Row="1" Orientation="Vertical" >
<Button Content="Display HTML" Height="23" HorizontalAlignment="Left" Margin="230,0,0,0" Name="btnDispayHTML" VerticalAlignment="Top" Width="86" Click="btnDispayHTML_Click" Grid.Column="1" />
<Button Content="PrintEvents" Height="23" HorizontalAlignment="Left" Margin="230,0,0,0" Name="btnPrintEvents" VerticalAlignment="Top" Width="86" Click="btnPrintEvents_Click" Grid.Column="1" />
<Button Content="PrintPreview" Height="23" HorizontalAlignment="Left" Margin="230,0,0,0" Name="btnPrintPreview" VerticalAlignment="Top" Width="86" Click="btnPrintPreview_Click" Grid.Column="1" />
<Button Name="btnMarkComplete" ToolTipService.ToolTip="Mark Complete Selected task" Content="Mark Complete" BorderThickness="0" />
</StackPanel>
'Format Code Block'
Couple of the screens uses the RadRibbonDropDownButton with a Listbox control(data bound) as the dropdown list.
When we click on an item in the dropdown list it fires the click event but does not close dropdown list. The only way to close it is to click on the RadRibbonDropDownButton. Even if I click on other controls does not close the dropdown list. We dint see this is the older Telerik version and this issue started only when we upgraded to 2012.1.215.2050.
When I created a test app with the RadRibbonDropDownButton the dropdown list does not close when an item is clicked. But it closes when I click on another control.
I tried to use the property KeepOpen="False" but my understanding is this no longer applies to RadRibbonDropDownButton.
I could and a on click event to close the dropdown but it would to be a hack.
Please let me know if there is any particular setting that I am missing.
Below is the code snippet from my test app.
Thank you,
Raaj.
'Format Code Block'
<Grid x:Name="LayoutRoot" Height="644" Width="884">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<telerik:RadRibbonView Grid.Row="0" ApplicationName="Events" AllTabsEqualHeight="True" HelpButtonVisibility="Collapsed" ApplicationButtonVisibility="Collapsed" TitleBarVisibility="Collapsed" telerik:StyleManager.Theme="Windows7" >
<telerik:RadRibbonTab Header="Home" telerik:KeyTipService.AccessText="H">
<telerik:RadRibbonGroup Header="Categories">
<StackPanel Orientation="Vertical">
<telerik:RadRibbonDropDownButton Content="Clipboard" Height="22" MinWidth="150" KeepOpen="False" >
<telerik:RadRibbonDropDownButton.DropDownContent>
<telerik:RadContextMenu BorderThickness="0">
<telerik:RadMenuItem Header="Paste">
</telerik:RadMenuItem>
<telerik:RadMenuItem Header="Paste Special...">
</telerik:RadMenuItem>
<telerik:RadMenuItem Header="Paste as Hyperlink" IsEnabled="False">
</telerik:RadMenuItem>
</telerik:RadContextMenu>
</telerik:RadRibbonDropDownButton.DropDownContent>
</telerik:RadRibbonDropDownButton>
<telerik:RadRibbonButton Content="Clear Category Filters" MinWidth="150"/>
</StackPanel>
</telerik:RadRibbonGroup>
</telerik:RadRibbonTab>
<telerik:RadRibbonTab Header="File" telerik:KeyTipService.AccessText="F">
<telerik:RadRibbonGroup Header="File">
<StackPanel Orientation="Vertical">
<telerik:RadRibbonDropDownButton Content="Clipboard" Height="22" MinWidth="150" KeepOpen="False" >
<telerik:RadRibbonDropDownButton.DropDownContent>
<ListBox ItemsSource="{Binding Path=Categories}">
<ListBoxItem>
<telerik:RadToggleButton telerik:StyleManager.Theme="Windows7">
<Grid MinWidth="150">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="17"/>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Rectangle Grid.Column="0" Fill="Green" HorizontalAlignment="Left" RadiusX="2" RadiusY="2" Height="17" Width="17"/>
<TextBlock Grid.Column="1" Text="Paste" HorizontalAlignment="Left" Margin="5,0,0,0"/>
</Grid>
</telerik:RadToggleButton>
</ListBoxItem>
<ListBoxItem>
<telerik:RadToggleButton telerik:StyleManager.Theme="Windows7">
<Grid MinWidth="150">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="17"/>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Rectangle Grid.Column="0" Fill="Red" HorizontalAlignment="Left" RadiusX="2" RadiusY="2" Height="17" Width="17"/>
<TextBlock Grid.Column="1" Text="Paste Special..." HorizontalAlignment="Left" Margin="5,0,0,0"/>
</Grid>
</telerik:RadToggleButton>
</ListBoxItem>
<ListBoxItem>
<telerik:RadToggleButton telerik:StyleManager.Theme="Windows7">
<Grid MinWidth="150">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="17"/>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Rectangle Grid.Column="0" Fill="Blue" HorizontalAlignment="Left" RadiusX="2" RadiusY="2" Height="17" Width="17"/>
<TextBlock Grid.Column="1" Text="Paste as Hyperlink" HorizontalAlignment="Left" Margin="5,0,0,0"/>
</Grid>
</telerik:RadToggleButton>
</ListBoxItem>
</ListBox>
</telerik:RadRibbonDropDownButton.DropDownContent>
</telerik:RadRibbonDropDownButton>
<telerik:RadRibbonButton Content="Clear Category Filters" MinWidth="150"/>
</StackPanel>
</telerik:RadRibbonGroup>
</telerik:RadRibbonTab>
</telerik:RadRibbonView>
<StackPanel Grid.Column="1" Grid.Row="1" Orientation="Vertical" >
<Button Content="Display HTML" Height="23" HorizontalAlignment="Left" Margin="230,0,0,0" Name="btnDispayHTML" VerticalAlignment="Top" Width="86" Click="btnDispayHTML_Click" Grid.Column="1" />
<Button Content="PrintEvents" Height="23" HorizontalAlignment="Left" Margin="230,0,0,0" Name="btnPrintEvents" VerticalAlignment="Top" Width="86" Click="btnPrintEvents_Click" Grid.Column="1" />
<Button Content="PrintPreview" Height="23" HorizontalAlignment="Left" Margin="230,0,0,0" Name="btnPrintPreview" VerticalAlignment="Top" Width="86" Click="btnPrintPreview_Click" Grid.Column="1" />
<Button Name="btnMarkComplete" ToolTipService.ToolTip="Mark Complete Selected task" Content="Mark Complete" BorderThickness="0" />
</StackPanel>