Skip to main content
hyunkook1-Visitor
1-Visitor
Jul 15, 2015 8:41 AM UTC
Question

PrintButton Extension project

1. Import Extensions

006.png

2. Select File

  007.png

3. Widgets PrintButton Drag & Drop

008.png

001.png

4. chart parent panel name to printbutton UnitName Copy

002.png

003.png

4. View Mashup

004.png

5. print button Click View

005.png

      9 replies

      tcoufal1-Visitor
      1-Visitor
      Jul 11, 2016 8:48 AM UTC

      Hi, I am trying to use your widget. It would be really cool, but it does not fully work for me..

      From some reason it cannot print root-Mashup. It shows the blank page. If I put my graphs inside of a panel, it rearrange them thus making graphs visible only partly. Any ideas how to print several widgets at the time and avoid the re-arrangement.

      Thanks

      Tomas

      Translate
      sdaram1-Visitor
      1-Visitor
      May 2, 2017 11:38 AM UTC

      Even i am facing same problem can anyone resolve this issue please let us know

      Translate
      eirias1-Visitor
      1-Visitor
      Jan 9, 2018 4:22 PM UTC

      Did you copied the correct name as hyun gu kim​'s instructions?

      4. chart parent panel name to printbutton UnitName Copy hyun gu kim

      Translate
      labouzina1-Visitor
      1-Visitor
      Feb 22, 2018 10:06 AM UTC

      hi hyunkook

       

      i am Actually facing the same issue, any idea how to fix that? the button is working great but it's rearranging everything would be perfect if we can fix that

       

      thank you

      Translate
      mberber12-Amethyst
      12-Amethyst
      Feb 27, 2018 3:51 PM UTC

      Hello;

       

      I just tried the window.print() function but i cant use "window" keyword. So i use print() function in expression and trigger it with a button and it worked. I want to share if anybody need to quick fix about this issue.

      Translate
      labouzina1-Visitor
      1-Visitor
      Feb 27, 2018 3:57 PM UTC

      do you mind uploading your zip file ?

      Translate
      mberber12-Amethyst
      12-Amethyst
      Feb 28, 2018 4:08 PM UTC

      I did not try or used  PrintButton extention itself.

       

      I just want to print a popup mashup and with basic logic, created expression in mashup with JavaScript code "print()" witch trigger with a button. Which is open browser's print dialog. And then i configure the zoom, margin ect. It worked for me. 

       

      I also did read disabling browser's print dialog which in chome can be done from chrome://flags but i havent try yet.

       

       

      Translate
        labouzina1-Visitor
        1-Visitor
        Feb 28, 2018 9:40 AM UTC

        Hi Guys

         

        well the problem is that the <div>s from html at runtime don't have a specified Position and by default position is set to Static which in return ignores the padding and the position properties of the wedgits 

         

        just add an inline style to <div> with a position:relative at runtime.js and it should work fine for charts and images 

        win.document.write('div {position: relative;}');

         

        hope it helps

        Translate
        vi116-Pearl
        16-Pearl
        Jan 9, 2019 7:43 AM UTC

        Hi,

         

        Could you suggest where we have to add the below line.

        win.document.write('div {position: relative;}');

         

        I have added  above code in below function which was PrintButton Extention code

        var printfind = function(){
        win = window.open();
        self.focus();
        win.document.open();
        win.document.write('<'+'html'+'><'+'head'+'><'+'style'+'>');
        win.document.write('body, td { font-family: Verdana; font-size: 10pt;}');
        win.document.write('div {position: relative;}');
        win.document.write('<'+'/'+'style'+'><'+'/'+'head'+'><'+'body'+'>');

        var url = thisWidget.getProperty('UnitName');
        var b = document.getElementsByTagName('div'); // binds "b" to the desired element.
        TW.log.info(url);
        //var div = document.getElementById('divID');
        for (var i=0;i<b.length;i++){
        if( b.item(i).id.indexOf(url) > -1)
        {
        win.document.write(document.getElementById(b.item(i).id).innerHTML);
        break;
        }

        }
        win.document.write('<'+'/'+'body'+'><'+'/'+'html'+'>');
        win.document.close();
        win.print();
        win.close();
        }

         

        After changes, import was not successful. Could you please where we can include code ?.

         

        Thank you

         

         

        Translate
        Terms & ConditionsAccessibility statement