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

How to change margin-top on the window title bar

1 Answer 266 Views
Window
This is a migrated thread and some comments may be shown as answers.
Jianwei
Top achievements
Rank 1
Jianwei asked on 10 Feb 2014, 05:07 PM
I just upgraded my kendo ui to the latest version, however the line below the window title is lost. After some investigation, I found it's because the "margin-top" set to "-30px" on the kendo window title bar.  I made a fix by defining the following in my style sheet, but is this the right way to fix this issue?  Is there a way to customize how the margin-top is defined. 
.k-window-titlebar.k-header {<br>  margin-top:-31px<br>}

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 12 Feb 2014, 09:12 AM
Hello Jianwei,

Basically the .k-window-titlebar margin-top is set to -2em, however most probably the bottom border in your application is not displayed because there is some CSS rule which influences the default styling. Is it possible to provide a small runnable example / live URL so I can look into it in more details?

On a side note, you could customize the appearance of the Kendo UI widgets using custom CSS rules. For more detailed information take a look at the corresponding documentation.

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Window
Asked by
Jianwei
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or