Open popup up (not down)

9 posts, 1 answers
  1. Matjaž
    Matjaž avatar
    87 posts
    Member since:
    Jul 2015

    Posted 13 Oct 2016 Link to this post

    How can I force DropDownList to open popup up?

    I found this, but it is not working.

  2. Answer
    Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    756 posts

    Posted 14 Oct 2016 Link to this post

    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 the space 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.
  3. Shafi
    Shafi avatar
    51 posts
    Member since:
    Dec 2014

    Posted 05 May 2018 in reply to Alex Hajigeorgieva Link to this post

    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()
    )
  4. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    756 posts

    Posted 09 May 2018 Link to this post

    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.
  5. Marie-Claude
    Marie-Claude avatar
    4 posts
    Member since:
    Feb 2017

    Posted 05 Apr Link to this post

    Hello,

    Do you know how i can do it with mvvm?

    Thank you

  6. Dimitar
    Admin
    Dimitar avatar
    677 posts

    Posted 09 Apr Link to this post

    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.
  7. Marie-Claude
    Marie-Claude avatar
    4 posts
    Member since:
    Feb 2017

    Posted 09 Apr in reply to Dimitar Link to this post

    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

     

     

  8. Dimitar
    Admin
    Dimitar avatar
    677 posts

    Posted 11 Apr Link to this post

    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.
  9. Marie-Claude
    Marie-Claude avatar
    4 posts
    Member since:
    Feb 2017

    Posted 11 Apr Link to this post

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

    Sorry...

    Thank you!

Back to Top