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

Appending window to tabstrip tabs?

2 Answers 81 Views
Window
This is a migrated thread and some comments may be shown as answers.
Luciano
Top achievements
Rank 1
Luciano asked on 26 Jul 2013, 10:56 AM
Hi,

I would like to have the kendo window "belong" to a specified tab. By that I mean that the window should hide together with the tab it belongs to and that this hierarchy is reflected in the DOM (tab div is ancestor of window div).

I used the window's "appendTo" configuration option to achieve this. The only problem is, that now the window content div matches the ".k-tabstrip .k-content" kendo CSS selector which applies wrong styling.

I can prevent this by removing the "k-content" class from the window content div. My question is if I'm breaking styling this way and if there is a more appropriate approach to this problem?

Here is a demo:  http://jsfiddle.net/N54dE/3/

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 26 Jul 2013, 12:32 PM
Hi Luciano,

The described scenario is not very common, but we have modified our kendo.common.css stylesheet, so that it is properly supported. Changes will take effect in the next internal and official builds. We upload new internal builds usually once a week.

I don't recommend removing the k-content class from the Window markup. Instead, you can restore the element's correct styling by overriding styles inherited from the TabStrip (margin, padding, border).

.k-window  div.k-window-content {
    border-width: 0;
    padding: .58em;
    margin: 0;
}


Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Luciano
Top achievements
Rank 1
answered on 05 Aug 2013, 07:05 AM
The updated stylesheet works fine, thank you.
Tags
Window
Asked by
Luciano
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Luciano
Top achievements
Rank 1
Share this question
or