How to print the contents of all tabs

4 posts, 0 answers
  1. Ambica
    Ambica avatar
    14 posts
    Member since:
    May 2012

    Posted 06 Jun 2012 Link to this post

    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.
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 07 Jun 2012 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Ambica
    Ambica avatar
    14 posts
    Member since:
    May 2012

    Posted 07 Jun 2012 Link to this post

    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


  5. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 08 Jun 2012 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready