The backward and forward button's height

4 posts, 0 answers
  1. ivan
    ivan avatar
    27 posts
    Member since:
    Aug 2013

    Posted 14 Oct 2014 Link to this post

    Hello,
    In your online demo, everything is ok.
    But in my project, the backward and forward button's height is very small. 
    Please check the attach image file.

    yours,
    Ivan
  2. Dimo
    Admin
    Dimo avatar
    8451 posts

    Posted 16 Oct 2014 Link to this post

    Hi Ivan,

    The described problem may be caused by custom CSS styles on your page, or the web page running in quirks mode (no DOCTYPE).

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. ivan
    ivan avatar
    27 posts
    Member since:
    Aug 2013

    Posted 16 Nov 2014 in reply to Dimo Link to this post

    OK,  then how could I change the button's CSS manually?
    Which CSS element I need to deal.

    Thank you very much!

    yours,
    Ivan
  4. Dimo
    Admin
    Dimo avatar
    8451 posts

    Posted 18 Nov 2014 Link to this post

    Hello Ivan,

    The two buttons in question consist of two nested containers with an icon inside. You can easily see these HTML elements if you check the browser's DOM inspector.

    In order to apply custom CSS styles to the two nested containers, you can use:


    .k-scheduler .k-nav-prev,
    .k-scheduler .k-nav-next
    {
    /* styles for the outer containers */
    }
     
    .k-scheduler .k-nav-prev .k-link,
    .k-scheduler .k-nav-next .k-link
    {
    height: 100px;
    /* styles for the inner containers */
    }


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