Dinamically position

5 posts, 0 answers
  1. Andrea
    Andrea avatar
    3 posts
    Member since:
    Mar 2014

    Posted 24 Mar 2014 Link to this post

    Can i place it in the top center instead of the center of the browser? Or can i specify the x, y coordinates to position the modal view?
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 24 Mar 2014 Link to this post

    Hi Andrea,

    You can override the default position of the Kendo UI ModalView, using CSS. I have create a sample, showing how to override the default values, please check it out and let me know if you have any questions:

    http://jsbin.com/yawilima/1/edit

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Andrea
    Andrea avatar
    3 posts
    Member since:
    Mar 2014

    Posted 24 Mar 2014 in reply to Kiril Nikolov Link to this post

    Thanks, it works fine.
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 24 Mar 2014 Link to this post

    Hi Andrea,

    I am glad it helped!

    In case you have any further questions, please do not hesitate to contact us.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Mark
    Mark avatar
    25 posts
    Member since:
    Dec 2013

    Posted 09 Jul 2014 Link to this post

    So I have been able to change all modalView's globally by using:
    .km-modalview-root > div.k-animation-container  {
      position:absolute !important;
      top:0px !important;
      left:0px !important;
    }

    But I am not able to get this style to apply to only specific modalView's by using a CSS class and doing:
    .km-modalview-root > div.k-animation-container .modalSave  {
      position:absolute !important;
      top:0px !important;
      left:0px !important;
    }

    Am I missing something?  How you can apply this to only certain modalViews?
Back to Top
Kendo UI is VS 2017 Ready