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

The backward and forward button's height

3 Answers 70 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
ivan
Top achievements
Rank 1
ivan asked on 14 Oct 2014, 06:08 PM
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

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 16 Oct 2014, 08:34 AM
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!
 
0
ivan
Top achievements
Rank 1
answered on 17 Nov 2014, 02:46 AM
OK,  then how could I change the button's CSS manually?
Which CSS element I need to deal.

Thank you very much!

yours,
Ivan
0
Dimo
Telerik team
answered on 18 Nov 2014, 04:52 PM
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!
 
Tags
Scheduler
Asked by
ivan
Top achievements
Rank 1
Answers by
Dimo
Telerik team
ivan
Top achievements
Rank 1
Share this question
or