I have Viewer JS installed on a website to display PDF files for a newspaper...My client would like an archive of past PDF papers as well....I have decided to just create a separate template and use repeatable regions to allow them to just upload their old PDF files to this page when they add the new PDF files of upcoming papers....Is their a way though to upload the old PDF files as links though and when clicked open up in Viewer JS? I know that Viewer JS basically is the link but wonder if possible to just show the link unless clicked....Thank you...

Code: Select all

<cms:show_repeatable 'pdf_papers'>
<iframe src="<cms:show k_site_link />ViewerJS/#<cms:show PDF_document />"  style="text-align:center;" width='400' height='350' allowfullscreen webkitallowfullscreen></iframe> 
                      </cms:show_repeatable>

The JS code is in an Iframe

Edit
In order to use a pagination set up I have switched to a clonable template....What I'd like to do is mask the link with maybe words once its on the template..When the words are clicked it opens the link up ...Instead of the viewer JS already opened up showing the PDF file as in the pic,maybe listing it behind text such as "journal-2015"..Once the text is clicked the link opens to the image shown

@ZeroTechz:

I could not understand completely what you want to achieve. Can you please explain me the same once again?

If possible, I would like to see the code you have implemented so that things can become even more clear!

Regards,
GenXCoders

VieweJS of course uses the PDF link to show the Pdf...I am wondering how I can mask the link maybe? by using text like "Jan 19,2010" then when the text is clicked the PDF opens up into its viewer....I am wanting to do this so that when I place several ViewerJS links in a Pdf archives page they arent all opened up in the ViewerJS box which would cause slow page load, but instead they are linked to date text that when clicked only opens that particular ViewerJS link. Maybe setting a way to an "A HREF" rule linking text to a viewerjs link or just having in text the date of the link but when clicked the full blown pdf is active

Code: Select all

   <h3>Digital Archives</h3>
               </div> <!-- .ccr-gallery-ttile -->
            <!-- this is secured page. login first to access it -->
    <cms:if k_logged_out >
        <cms:redirect "<cms:login_link />" />
    </cms:if>
    
    <!-- someone who manages to reach here is certainly a logged-in user -->
    <cms:if k_user_access_level ge '4'>
   <cms:pages masterpage='users/pdf-archives.php' folder=k_folder_name paginate='1' access_level='4' limit='2' >

<iframe src="<cms:show k_site_link />ViewerJS/#<cms:show PDF_document />"  style="text-align:center;" width='400' height='350' allowfullscreen webkitallowfullscreen></iframe><cms:paginator /> <cms:if k_paginated_bottom>
        <cms:if k_paginator_required >
           
        </cms:if>
        <cms:show k_total_records /> Records Found.
        Displaying: <cms:show k_record_from />-<cms:show k_record_to />
    </cms:if></cms:pages >