I am new to ReactJs. I have tried multiple pdf plugins on ReactJs. But I am unable to show as I want. If anybody has used WPS Office you can see the mobile view option on pdf. So how to do make a dynamic mobile view option for pdf?
Any suggestion would help. Thanks.
Related
I trying to show pdf document using ReactJs.
I tried this libraries and its not works like expected .
react-pdf
#react-pdf/renderer
reactjs-pdf-reader
#phuocng/react-pdf-viewer --> this works great only on Desktop , its not works on mobile.
I need to use library that allows to :
zoom
download button
works on mobile
shows page numbers
Thanks :)
I am currently experimenting on a hybrid app using ReactJS for my front-end loaded inside an Android WebView. On one of the pages, I have a list that loads an external/hosted image. Tapping on these images routes to another page that shows its description (using react-router. history=hashHistory).
Testing on the browser(chrome), the images appear once loaded. On the other hand, testing on the actual device, the images does not appear. Only when I tap the list item and press back (hashHistory.goBack) that it appears.
I know this is not the best use for ReactJS, but this is better than what we are currently using. Also, our current setup prevents us from pursuing the React Native way. Any ideas?
EDIT:
here's a screen cap:
You need to change your websettings in your code.
WebSettings settings = webView.getSettings();
settings.setDomStorageEnabled(true);
I have this issue here with the IE/Safari browsers, I have an IFrame with a PDF as it's content, and when i try to show a modal dialog it opens under the IFrame not above it, I tried to change the IFrame z-index/Position with no luck, and it seems to be an issue with the PDF plugin itself because I can see the IFrame borders behind the modal dialog
Any suggestions would be much appreciated :)
I have an update:
Ok, I am now positive that this is a PDF plugin issue not the IFrame, the IE put the PDF on top and no other component is allowed to overlay it
While i was searching I came a cross the PDF.js, it's very nice and doesn't rely in the browser PDF plugin, the only issue is that you cannot give it a stream to display!!! you have to provide a path to the PDF file on your server, which won't work for me
will keep you guys posted :)
I've ended up using the ViewerJS plugin to view the pdf documents inside the IFrame, it's very simple and you can embed it in your application, mine was MVC, you also can pass a stream or an url to your document, here is the link for their website, forgot to mention that it's for free :)
http://viewerjs.org/
I am using Infragistics control to design a chart in Silverlight 4.0.
I have created that one.
Now I want to explore the data from that data chart to PDf.
How can I do it? Could you please anyone provide me information regarding this?
You can add UIElements to Teleriks RadRichTextBox and then export the document to PDF. This also gives you the ability to add some additional styling (header, border, description etc) to the PDF document before saving.
This should get you started
If you render the XamDataChart to a bitmap, you can add that to a PDF using the Infragistics Document Engine. There is a WPF Data Chart to PDF blog post that demonstrates this and has a sample. Note that this is using WPF and you will likely need to use the WPF XamDataChart on your webserver to generate the chart and add it to the PDF document for the end user to download.
I am new to WPF and need some help and guidance.
I am building a client app in VS2010 that will store HTML in a database, and I need to display this html with images in my application when the user clicks a "preview html" button.
so my question is,
How do I display my stored HTML as a web page in a wpf page? Does anyone know of a sample application that does this?
Any help is appreciated.
Load the html in web browser control.
When the HTML is saved, render it and save a preview image. Then just pull the preview image and display that.
If you can't, you can always just pull the HTML and run it through your full render sequence, whatever that is.