DropDownButton Popup Position

[Patrick]

Dear all,

i'm try to set the position of the DropDownButton Popup, but seams this option is not available?

In the Documentation it says "See Popup Documentation", where you have the Option "Position"

https://docs.telerik.com/aspnet-core/api/Kendo.Mvc.UI.Fluent/DropDownButtonBuilder#popupsystemactionkendomvcuifluentdropdownbuttonpopupsettingsbuilder

https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownbutton/configuration/popup

Thanks, best regards
Patrick

 

PS: DropDownButton is missing as Tags here ;)

[Aleksandar]

Hi Patrick,

Indeed the client-side and the server-side APIs currently do not expose the additional configuration options. I have logged an item, so that they get exposed and become available for configuring via the server-side API.

In the mean time I tested initializing a DropDownButton using KendoUI and you can successfully set the position:

    <div style="margin:100px;">
      <button id="dropdownbutton" type="button">Button</button>
    </div>

    <script>
      $("#dropdownbutton").kendoDropDownButton({
        items:[
          { id: "item1", text: "item 1" },
          { id: "item2", text: "item 2" }
        ],
        open: function(e) {
          console.log("Opened!");
        },
        popup:{
          position:"top right"
        }
      });
    </script>

In the above example, the top right point of the popup element will be attach to the anchor's origin point, as documented in the Popup API. Here is a runnable dojo demonstrating this.

Regards,
Aleksandar
Progress Telerik