Just wondering how i would "disable" tabs for a print style sheet, so that the content of all tabs would be listed and print.
Thanks in advance.
3 Answers, 1 is accepted
0
Kamen Bundev
Telerik team
answered on 07 Jun 2012, 09:20 AM
Hi Ambica,
You can define a CSS @media print query and in it make the content elements visible, like this: @media print
{
.k-tabstrip .k-content
{
display: block;
}
}
All the best,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Currently it showing tab-content vertically one by one. Is it possible to display Tab title align with tab-content ?
Thanks Ambica
0
Dimo
Telerik team
answered on 08 Jun 2012, 08:45 AM
Hello Ambica,
This is not possible, because all tabs belong to one <ul> element, which is appears before all tab containers.
What you can do is duplicate each tab title inside the corresponding tab container. On the screen hide the duplicate tab titles with CSS and for print media, show them, using a similar CSS as the one above. The <ul> element will be hidden completely for the print media.
All the best,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!