Open popup up (not down)

[Seyfor]

How can I force DropDownList to open popup up?

I found this, but it is not working.

[Alex Hajigeorgieva]

Hello Matjaž,

Thank you for the provided runnable demo.

To get the Kendo UI DropDownList to open up, the configuration is correct, however, you should add some space above the widget. Otherwise, the screen boundary detection will not allow the desired behaviour. You may add the collision configuration to choose the direction from which the popup will appear if is not enough:

http://docs.telerik.com/kendo-ui/api/javascript/ui/popup#configuration-collision 

For your convenience, I have updated the provided demo at:

http://dojo.telerik.com/UTEGI

Kind Regards,
Alex
Telerik by Progress

 

[Shafi]

Hi!

I'm also looking to achieve the same but using the MVC helper. Could you kindly mention how to do this with a:

@(Html.Kendo().DropDownListFor(m => m.ServiceCode)
    .HtmlAttributes(new { @class = "form-control", style = "width: 100%", required = "required" })
    .OptionLabel("Match DA Service")
    .DataTextField("Name").DataValueField("Id")
    .Filter("contains")
    .Popup()
)

[Alex Hajigeorgieva]

Hi, Muhamed,

To achieve the same behaviour with the wrappers, this is how the JavaScript settings from my example should be "translated" to the MVC wrapper syntax of the Kendo UI DropDownList:

.Animation(animation => animation.Open(effects => effects.SlideIn(SlideDirection.Up)))
.Popup(popup=>popup.Origin("top left").Position("bottom left"))

Let me know if you need further assistance.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik

[Marie-Claude]

Hello,

Do you know how i can do it with mvvm?

Thank you

[Dimitar]

Hello Marie-Claude,

Currently, the popup option cannot be set through data attributes(data-popup). I have logged this as a bug in the Kendo UI GitHub repository from where you can start tracking the issue. I am also happy to let you know that I have committed a fix for this bug. After the change undergoes extensive testing, and if everything is working correctly, the fix will be included with the next official release in mid to late May.

As a temporary workaround you could use the following script:

<script>
  kendo.ui.DropDownList.fn.options.popup = null;
</script>

Refer to the following Dojo example where the above patch is included.

Regards,
Dimitar
Progress Telerik

[Marie-Claude]

Hello, 

thank you for the reply. It works.

I try to do the same with a  multiselect but it doesn't seems to work.

Am i missing something?

Thanks

 

 

[Dimitar]

Hello Marie-Claude,

There is a typo in "MultiSelect" in the provided Dojo example, this throwing a JavaScript error in the browser console. I have updated the Dojo example:

• https://dojo.telerik.com/ASAHIRiQ/13

Regards,
Dimitar
Progress Telerik

[Marie-Claude]

ouf! Even knowing that it took me a few seconds before noticing it. 

Sorry...

Thank you!