How to print the contents of all tabs

[Ambica]

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.

[Kamen Bundev]

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

[Ambica]

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

[Dimo]

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