Skip to main content
Jamal Ashraf
Jamal Ashraf16-Pearl
16-Pearl
Sep 19, 2025 7:29 AM UTC
Solved

WebFrame Widget only shows first page of PDF on iPad Body

Hi Community,

  I am using the WebFrame widget in a ThingWorx Mashup to display PDF files. On desktop browsers it works completely fine — I can scroll through and see all pages of the PDF.

 

However, on the iPad, if I open a PDF that has more than one page, only the first page is displayed. When I scroll down, no further pages are shown (it looks like the PDF is cut off).

 

Has anyone faced this issue before?

  • Is there any workaround / configuration needed to properly display multipage PDFs on iPads?

 

I have already tried different browsers on ipad. result is same.

Thanks in advance for your help!

Jamal Ashraf
Jamal AshrafAnswer
16-Pearl
Feb 23, 2026 1:34 PM UTC

I identified a simple solution to this issue that eliminates the need to purchase an additional ThingView widget.

Instead, a Navigator function can be created directly within the Mashup. While configuring the Navigator, select the “Redirect to URL” option from the dropdown menu. After creating the Navigator, assign the download link of the PDF file to the URL property.

With this approach:

  • When the file is opened on an iPad, it opens in a new browser tab, allowing the PDF to be scrollable and function as expected.

  • When the file is opened on a PC, the file is downloaded automatically.

To further enhance this solution, I developed a small ThingWorx widget extension that detects whether the Mashup is opened in a desktop browser or on a mobile/iPad device. The extension returns a Boolean value (true/false) depending on the device type.

Based on this detection:

  • On an iPad, the PDF opens in a new tab for proper scrolling.

  • On a PC, the PDF is displayed directly within the Mashup using the WebGL widget.

I have attached the extension for reference.

 

View in thread

9 replies

Surya_Tiwari16-Pearl
16-Pearl
Sep 19, 2025 12:26 PM UTC

Hi @MA8731174  look at the article below and let us know your output.

 

https://www.ptc.com/en/support/article/CS327675

Translate
    Rocko
    Rocko19-Tanzanite
    19-Tanzanite
    Sep 22, 2025 5:36 AM UTC

    That's an IPad problem, not a ThingWorx problem.

    https://stackoverflow.com/questions/15854537/make-embedded-pdf-scrollable-in-ipad

    Translate
      Jamal Ashraf
      Jamal Ashraf16-PearlAuthor
      16-Pearl
      Sep 22, 2025 10:56 AM UTC

      Thanks for your response. I think then i should use ThingView widget to render pdf in mashup and may be that will work in ipad.. As you can see it can also render PDF in mashup and in PC i have tested it and it works.. 

       

      MA8731174_0-1758538534770.png

       

       

       

      Translate
      Jamal Ashraf
      Jamal Ashraf16-PearlAuthor
      16-Pearl
      Sep 22, 2025 12:47 PM UTC

      MA8731174_0-1758545195512.png

      i have an expression which prepares a url for me for pdf and it works fine for webframe widget but for thingview widget these errors appear in console and sometime it cannot open pdf also.. and it convert also in request as u can .pdf to etb .. 

       

      what can be the reason here? any idea thanks

       

      Translate
      Jamal Ashraf
      Jamal Ashraf16-PearlAuthorAnswer
      16-Pearl
      Feb 23, 2026 1:34 PM UTC

      I identified a simple solution to this issue that eliminates the need to purchase an additional ThingView widget.

      Instead, a Navigator function can be created directly within the Mashup. While configuring the Navigator, select the “Redirect to URL” option from the dropdown menu. After creating the Navigator, assign the download link of the PDF file to the URL property.

      With this approach:

      • When the file is opened on an iPad, it opens in a new browser tab, allowing the PDF to be scrollable and function as expected.

      • When the file is opened on a PC, the file is downloaded automatically.

      To further enhance this solution, I developed a small ThingWorx widget extension that detects whether the Mashup is opened in a desktop browser or on a mobile/iPad device. The extension returns a Boolean value (true/false) depending on the device type.

      Based on this detection:

      • On an iPad, the PDF opens in a new tab for proper scrolling.

      • On a PC, the PDF is displayed directly within the Mashup using the WebGL widget.

      I have attached the extension for reference.

       

      Translate
        Terms & ConditionsAccessibility statement