You could embed a variety of documents in your details pages similar to the way you can embed an image. With this method you can embed the following file types at this time:

  • Microsoft Word (.DOC and .DOCX)
  • Microsoft Excel (.XLS and .XLSX)
  • Microsoft PowerPoint (.PPT and .PPTX)
  • Adobe Portable Document Format (.PDF)
  • Apple Pages (.PAGES)
  • Adobe Illustrator (.AI)
  • Adobe Photoshop (.PSD)
  • Tagged Image File Format (.TIFF)
  • Autodesk AutoCad (.DXF)
  • Scalable Vector Graphics (.SVG)
  • PostScript (.EPS, .PS)
  • TrueType (.TTF)
  • XML Paper Specification (.XPS)
  • Archive file types (.ZIP and .RAR)

This method requires the files to be outside of the database. If your files are not sensitive in nature, you can utilize Caspio’s High Usage FileStor to have your uploaded files automatically moved to a web space.

In this example we setup a table with two Text-255 fields, one for the link to the file and the other for its description.

Prerequisites

This method requires the files to be outside of the database. If your files are not sensitive in nature, you can utilize Caspio’s High Usage FileStor to have your uploaded files automatically moved to a web space. 

Steps:

  1. Create a data source table. In this example, we set up a table with two Text(255) fields, one for the link to the file and the other for its description.
  1. Create a Details DataPage.
  1. On the DataPage Data Source screen, select the table you have just created as the data source. Enable search form and set up your search any way you want.
  2. On the Configure Search Fields screen, change the Description field into a listbox.  
  1. On the Configure Details Page Fields, embed the PDF files.
    1. On the Configure Details Page Fields, embed the PDF files.
    1. Update the “Attachment” field name with the name of your field that contains the URLs. You can also modify the height and width of your embedded viewer. 
  1. Deploy your DataPage on your website.
 

Output example:

code1
<iframe src="https://docs.google.com/gview?url=[@field:Attachment]&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>