Skip to main content
T
TomerH12-Amethyst
12-Amethyst
August 23, 2023
Solved

View Base64 PDF In ThingWorx

  • August 23, 2023
  • 1 reply
  • 1432 views

Hi,

I am trying to view base64 pdf using thingworx mashup.

Came across old message that helped me view the pdf using a value display widget

https://community.ptc.com/t5/ThingWorx-Developers/How-to-show-base-64-content-of-PDF-in-Thingworx-Mashup/m-p/723472#M51519

 

The problem the value container height is 153px (width 1879) and not full screen

Tried changing min height property but did nothing.

 

Anyone can help view a base64 pdf to fit window?

 

TH_9574998_0-1692808924254.png

 

 

 

 

Best answer by TomerH

Hi Arun,

Your suggestion did not fix my issue as I wanted the pdf to fit the screen.

But once I saw that using pixels indeed had effect, that gave me direction for a fix.

The problem is the widget placing the iframe inside a span, for some reason by default it is not 100%.

a little custom css did the trick and for others I will post it below.

.screen-100 .widget-ptcsvaluedisplay::part(item-value) {
width: 100%;
height: 100%;
}

.screen-100 .widget-ptcsvaluedisplay::part(item-value-container) {
width: 100%;
height: 100%;
}

.screen-100 .widget-ptcsvaluedisplay::part(value-container) {
width: 100%;
height: 100%;
}

.screen-100 .widget-ptcsvaluedisplay::part(overflow-control) {
width: 100%;
height: 100%;
}

 

"screen-100" is the custom css name placed in the widget CustomClass property.

 

Best Regards,

Tomer.

1 reply

A
Arun_C16-Pearl
16-Pearl
August 24, 2023

Hi @TomerH 

 

Have you tried with the fixed height & width in pixels? 

 

result = '<iframe src="data&colon;application/pdf;base64,'+ IP_Data+ '" height="153px" width="1879px" frameborder="0"></iframe>';

 

Arun_C_0-1692854982804.png

If its not okey for you. We will look for other sugestions.

 

 Thanks & Regards,

Arun C

    T
    TomerH12-AmethystAuthorAnswer
    12-Amethyst
    August 24, 2023

    Hi Arun,

    Your suggestion did not fix my issue as I wanted the pdf to fit the screen.

    But once I saw that using pixels indeed had effect, that gave me direction for a fix.

    The problem is the widget placing the iframe inside a span, for some reason by default it is not 100%.

    a little custom css did the trick and for others I will post it below.

    .screen-100 .widget-ptcsvaluedisplay::part(item-value) {
    width: 100%;
    height: 100%;
    }

    .screen-100 .widget-ptcsvaluedisplay::part(item-value-container) {
    width: 100%;
    height: 100%;
    }

    .screen-100 .widget-ptcsvaluedisplay::part(value-container) {
    width: 100%;
    height: 100%;
    }

    .screen-100 .widget-ptcsvaluedisplay::part(overflow-control) {
    width: 100%;
    height: 100%;
    }

     

    "screen-100" is the custom css name placed in the widget CustomClass property.

     

    Best Regards,

    Tomer.

      A
      Arun_C16-Pearl
      16-Pearl
      August 24, 2023

      HI @TomerH ,

       

      Great its looking good & Thank you for posting your fix here.

       

      Thanks & Regards,

      Arun C

      Terms & ConditionsAccessibility statement