This is a migrated thread and some comments may be shown as answers.
How to print the contents of all tabs
3 Answers 53 Views
This is a migrated thread and some comments may be shown as answers.
Ambica
Top achievements
Rank 1
Ambica asked on 06 Jun 2012, 08:32 AM
Hi,

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

Sort by
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!
0
Ambica
Top achievements
Rank 1
answered on 07 Jun 2012, 10:25 AM
Hi ,

Thanks a lot, it worked for me. 

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!
Asked by
Ambica
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Ambica
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or