I have a KendoUI Window which is not behaving itself when I am using it inside another JQuery framework.
I am trying to set the window title colour and the maximise and close icons to the top right, but I cannot figure out the CSS settings to do this.
I attach an image showing what I have now and what I am trying to achieve.
I was given these settings a few months ago but they appear to be having little effect:
/* Override our KendoUI popup window */
/*
.k-window-titlebar
{
background-color: pink;
color: red;
font-weight: bold;
padding: 0px;
}
*/
.k-header {
margin-top: 0px;
padding: 0px;
}
.k-window-title {
background-color: #275CAB;
color: white;
font-weight: bold;
padding: 3px;
}
/* Allow centering of the table content in the popup window */
.k-window-content > .km-scroll-container
{
height:100%;
padding: 30px;
}
.k-window-titlebar .k-window-action
{
background: none;
border-width: 200px;
background-color: #275CAB;
}
Your help is most appreciated?
Kind Regards, Garry.
I am trying to set the window title colour and the maximise and close icons to the top right, but I cannot figure out the CSS settings to do this.
I attach an image showing what I have now and what I am trying to achieve.
I was given these settings a few months ago but they appear to be having little effect:
/* Override our KendoUI popup window */
/*
.k-window-titlebar
{
background-color: pink;
color: red;
font-weight: bold;
padding: 0px;
}
*/
.k-header {
margin-top: 0px;
padding: 0px;
}
.k-window-title {
background-color: #275CAB;
color: white;
font-weight: bold;
padding: 3px;
}
/* Allow centering of the table content in the popup window */
.k-window-content > .km-scroll-container
{
height:100%;
padding: 30px;
}
.k-window-titlebar .k-window-action
{
background: none;
border-width: 200px;
background-color: #275CAB;
}
Your help is most appreciated?
Kind Regards, Garry.