How do I add a dropdown to popup window title bar?

[Jay]

I am trying to add a dropdown to a popup window title bar. I modified the basic usage demo to do this and here is a dojo. When you click the button to open the window, a dropdown is added to the title bar. However, the dropdown is unresponsive -- when I click on it, the dropdown list does not appear and I cannot change the selection either by mouse or keyboard.

How do I make the dropdown responsive to clicks or the keyboard, like one would expect a dropdown to respond?

[Neli]

Hi Jay,

I replied previously on the support thread regarding the same issue. However, as it might be helpful to the other users in the forum, I am pasting my reply below as well:

I would suggest a slightly different approach for achieving the desired result. 

When the Window is opened, add an input element before the $(".k-window-titlebar-actions"). Then, create a Kendo DropDownList from the appended element:

 function onOpen() {
            let ddlEl = $("#dropdownlist");
            if (ddlEl.length < 1) {
              $(".k-window-titlebar-actions").prepend(
                '<input id="dropdownlist" />',
              );
              $("#dropdownlist").kendoDropDownList({
                .....
              });
            }
          }

Here you will find a small Dojo example: https://dojo.telerik.com/WnQilQUJ where you could easily change the selection in the DropDownList. 

 

Regards,
Neli
Progress Telerik

[Jay]

Thanks, that worked.