RadDropDownButton in RadToolBar not closing on Button Click

[Oliver]

I'm using a RadDropDownButton in a RadToolBar. My problem is that the DropDown Part is not closing when one of the Buttons in the DropDown Content is clicked.

<telerik:RadDropDownButton Width="64" Height="64" Padding="0" CloseOnEscape="True" CloseOnEnter="True"  KeepOpen="False">
<telerik:RadDropDownButton.Content>
<Image Source="../Images/movies.png" Style="{StaticResource ToolbarButtonImage}"></Image>
</telerik:RadDropDownButton.Content>


<telerik:RadDropDownButton.DropDownContent>
<telerik:RadButton Height="48" Command="{Binding TestCmd}">
<Image Source="../Images/test.png"></Image>
</telerik:RadButton>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>

[Tina Stancheva]

Hello Oliver,

This is the default behavior of the RadDropDownButton control. In order to close it when clicking an item from its DropDownContent, you need to manually set the DropDownButton.IsOpen property to false. In your case you can use the commands of the DropDownContent Buttons to close the RadDropDownButton.

Also your suggestion is added in our PITS as a feature request and you can vote for it thus increasing its priority.

Best wishes,
Tina Stancheva
the Telerik team

[Bob]

Tina,

this is a close a topic as I could find related to my issue.  I have a RadToolBarDropDown as defined below

<

 

 

telerik:RadToolBarDropDown ID="print" Text="Print..." ImageUrl="~/images/icons/print.gif" ImagePosition="Left" ToolTip="Choose a print method" runat="server" CssClass="noPrint">

 

 

 

<Buttons>

 

 

 

<telerik:RadToolBarButton Text="Print As Shown" ImageUrl="~/images/icons/print.gif" ImagePosition="Left" CommandName="Print" ToolTip="Print Preview" ></telerik:RadToolBarButton>

 

 

 

<telerik:RadToolBarButton Text="Print Like RGOM" ImageUrl="~/images/icons/print.gif" ImagePosition="Left" CommandName="PrintDecs" ToolTip="Print in DECS RGOM format" ></telerik:RadToolBarButton>

 

 

 

<telerik:RadToolBarButton Text="Print Like RGOL" ImageUrl="~/images/icons/print.gif" ImagePosition="Left" CommandName="PrintDecsL" ToolTip="Print in DECS RGOL format" ></telerik:RadToolBarButton>

 

 

 

</Buttons>

 

 

 

</telerik:RadToolBarDropDown>

When the Print As Shown button is clicked, the following Javascript code is invoked:

 

case

 

 

"Print":self.print();

 

args.set_cancel(

 

true);

 

 

 

break;

The issue is that the dropdown is still open, so it obscures the column headings in the grid below, and my users get upset.  I found this below online, but it didn't work. Any suggestions?

 

 

 

 

case

 

 

"Print":

 

$find(

 

"<%= print.ClientID %>").hideDropDown();
self.print();

 

args.set_cancel(

 

true);

 

 

 

break;

 

[Tina Stancheva]

Hi Bob,

This forum is actually targeting the Silverlight platform and this is why the suggestions here are targeting the buttons we provide for Silverlight.

Therefore your questions will be better handled in the Telerik AJAX forums. However, as you already waited a while for a response and you have posted your code and description I decided to go ahead and create a ticket on your behalf. You can find the new ticket under your telerik account - its id is 770341. The ticket comes with a guaranteed 24hour response time and the ASP.NET AJAX support team will contact you in that time frame with more information or questions.

I hope that will help you resolve the issue more quickly.

Regards,
Tina Stancheva
Telerik