insert pdf file into mobile app development - codenameone

I have a pdf file of a map of the building and I want to attach this map into the app. How can I do it? I try to convert the pdf file into the URL and use action event in the button but it didn't work. I also screenshot the map and attach the picture into the button but it is too large and I can't zoom in the detail in the map. Do you have any idea about this?

You can use an image an then place it with an ImageViewer. That allows pinch to zoom on the device so you can see the finer details.

Related

Is it possible to change user's phone orientation using react?

I have the next question. I am developing a react application with some images. The user has the possibility to click and open a full-page image. Because the image's orientation is horizontal on the mobile, it does not look good. My idea is when the user clicks on the full page icon, the orientation of the phone becomes horizontal as is implemented on youtube. I tried to find some information about that, but I am not sure if it is even possible, I saw that only by using react native and developing mobile applications you can have access to the user's orientation of the screen. But maybe there are some methods to do in the browser? Thanks in advance.
It is not possible to change this from the web, however you could simply rotate the image and display it full screen. This has been done here:
CSS Rotate Portrait Image 90 Degrees and Make Image Full Screen

how to add an different photo in calendar using react(Not mobile)

I'm trying to different image in calendar, also I want to get preview image.
But Google calendar seems not to support preview image.
So I implemented the following in the code sandbox, but when I use map, of course, the same image comes out repeatedly. Can't I add other images?
Codesandbox: https://codesandbox.io/s/frosty-frost-sv7d66?file=/src/App.js
I want to get like this.

Place Image above another image dynamically in ReactNative App

I have an iOS app in which, we take user pics, and then allowed them to put some random custom images above the pics.
While placing these custom pics above real image, they can rotate, scale these custom image. ( See this StickerViewIOS )
Now I am looking for exact same solution while making ReactNative.
Tried lot of Googling but no results found.
Just want to ask community if any of the ReactNative component available for the same.
Thanks,
There's no rotation support, but I did something similar for an app I made for Chain React.
Here's the image component that supports gestures: https://github.com/cball/ChainReactPhotobomb/blob/master/App/Components/TransformableImage.js
To overlay them on top, just use the ImageBackground Component

CodenameOne Image Slider using Image Viewer

Is it possible to achieve something similar to the attachment using imageviewer. I already have images loaded using the DefaultListModel but I would like something similar to the screenshot where part of the next image shows so the user knows there is a next image and if possible the slider at the bottom of the screen.
Thanks
Most of the people who did that used the Tabs widget which is more suitable for that sort of usage. You can see some discussion of this here:
https://groups.google.com/d/msg/codenameone-discussions/06hLjMkia-4/4oi4wBaMKe0J

error in embedding deep zoom

I created a website separately first and then opened it in Expression web to insert the deep zoom image in, but I keep getting this error:
"Add the page to a site and then try to insert the deep zoom image"
I have no idea what to do next, could somebody please point me in the right direction?
Where are you inserting the image? Deep zoom image is not a single image. It is collection of images. One embeds the deep zoom player that comes with deep zoom composer into a web page to display those images. Did you use deep zoom composer for creating deep zoom images? You can try http://www.imagesurf.net which allows online automated deep zoom/open zoom of photos and also allows to embed it in your web page. I am affiliated with the site.

Resources