How to show pagination box as vertical in kendo-grid

4 posts, 0 answers
  1. Mahesh
    Mahesh avatar
    5 posts
    Member since:
    Feb 2016

    Posted 18 Mar 2016 Link to this post

    I alter css and rotated vertically, but how to keep the position always to right side of the grid

    Stack Overflow question

     

     

     

  2.
  3. Radoslav
    Admin
    Radoslav avatar
    1566 posts

    Posted 22 Mar 2016 Link to this post

    Hello Mahesh,

    Generally this is not supported functionality in the kendo grid. However in your case you can position the pager on the right side using the left and top css styles. For example:
    .k-pager-wrap {
            transform: rotate(90deg);
            left: 400px;
            top: -353px;
        }

    This will work only for a certain grid’s setup. On the following link I created a small example which demonstrates it:
    http://dojo.telerik.com/akuqU/2

    I hope this helps.

    Regards,
    Radoslav
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Mahesh
    Mahesh avatar
    5 posts
    Member since:
    Feb 2016

    Posted 04 Apr 2016 in reply to Radoslav Link to this post

    Updated stackoverflow 

    http://stackoverflow.com/questions/36080711/how-to-show-pagination-box-as-vertical-in-kendo-grid/36396390#36396390

    Actually my requirement is user can drag and drop grid at any place in the page.

  7. Radoslav
    Admin
    Radoslav avatar
    1566 posts

    Posted 05 Apr 2016 Link to this post

    Hi Mahesh,

    In case with drag and drop grid on the page you need manually to calculate its position and change the left and top position of the pager element with JavaScript.  Please give it try and let me know if you have additional help. 

    Regards,
    Radoslav
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8.
Back to Top