Print page/elements

Ask the community
,
1

I first created a app in Blazor (C#) that i wanted to put on our site. But i then realized that i cannot embed an application in wix. So i had to recreate the app inside wix/velo. I’ve done that, but i am not able to get “print” to work.

I cant print anything. So first i just want to know how to print at all via code. Can i call “ctrl+P” through code?

Secondly, in my application there are multiple “views” that the user can flip through with buttons. But while printing i want ALL the views to be printed at the same time, no matter what view the user is currently viewing.

I also want to be able to tag elements so that they are not printed. In Blazor i could just tag them with “noprint” and they wouldnt be printed.

To reiterate; i want to be able to print and i want to be able to control what is and isnt printed

P.S.
My experience with javascript and wix/velo is extremely limited. However, i have already finished creating the app and all the elements. I need no help there. I only need to know how to print.

2

just to be super clear. This is what my app looked like in blazor. The top two panels are the same page, but with a different view (the buttons under the graph). There are 5 graphs the user can view. However, only one is visible at a time. When the user clicks the “print” button to the bottom left. Then the print page appears as expected. But if you look in the print page, all elements except for the graph is gone. And all the graphs are being printed in a row (notice, 3 pages).

1916×1750 133 KB

3

Hello. There is no direct DOM access from your Velo code so something like window.print() will not work.

The only places you may be able to accomplish what you are looking for is through custom code snippets , HTML iFrame element , or a Web Component/Custom element.

I know you said you already rewrote your application, but you can embed external apps through the HTML iframe component if your blazor app is set up to be embedded.

4

ï did “ctrl+f” and for “print”, it doesnt appear on any of those places. Im already using custom code snippets and iframe element and stuff. I wanna know how to PRINT them. What code do i need tow rite? If “window.print()” doesnt work then what should i write instead?

I searched like crazy for how to embed an external app. Didnt seem possible. Only way i could find was if i hosted the app on another web server and then linked to that server. But i have no other servers. I need to host the app inside the website, but there is no way to do that. I looked for like 2 weeks.