This is a migrated thread and some comments may be shown as answers.

Open popup up (not down)

8 Answers 253 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Saop
Top achievements
Rank 1
Saop asked on 13 Oct 2016, 12:40 PM

How can I force DropDownList to open popup up?

I found this, but it is not working.

8 Answers, 1 is accepted

Sort by
0
Accepted
Alex Hajigeorgieva
Telerik team
answered on 14 Oct 2016, 06:08 AM
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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
0
Shafi
Top achievements
Rank 1
answered on 05 May 2018, 07:49 PM

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()
)
0
Alex Hajigeorgieva
Telerik team
answered on 09 May 2018, 05:35 AM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Marie-Claude
Top achievements
Rank 1
answered on 05 Apr 2019, 02:12 PM

Hello,

Do you know how i can do it with mvvm?

Thank you

0
Dimitar
Telerik team
answered on 09 Apr 2019, 01:22 PM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Marie-Claude
Top achievements
Rank 1
answered on 09 Apr 2019, 05:29 PM

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

 

 

0
Dimitar
Telerik team
answered on 11 Apr 2019, 09:55 AM
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:


Regards,
Dimitar
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Marie-Claude
Top achievements
Rank 1
answered on 11 Apr 2019, 12:57 PM

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

Sorry...

Thank you!

Tags
DropDownList
Asked by
Saop
Top achievements
Rank 1
Answers by
Alex Hajigeorgieva
Telerik team
Shafi
Top achievements
Rank 1
Marie-Claude
Top achievements
Rank 1
Dimitar
Telerik team
Share this question
or