Work UI with images (Update from gallery, save as local variable and resize)

[Jordi Niubo]

Hi
I'm doing app with images and i have some problems.

1. I need to store as local variable one image, navigate to other page and assign the value of this image to other image component. When I store the image, it save as: data:image/jpeg;base64,/9j/4AAQSkZJR .....
   When i assign this value to other image component, it can't show the image.
   I store the image: set local storage -
   variable name : foto
   Blind to component: check
   Target Component: input_foto
   Property name: Asset
   Then in the other page, I assign the local variable "foto" to the other image component.
   What im doing wrong? Can't save image to local storage like this?

2. This App need to work in a tablet. I need to update fotos from the gallery of the debice and show. I implemented the methods from this tutorial: http://docs.appery.io/tutorials/uploa...
   I implemented the html component: fileForm, upload button with click event with Run JavaScript action: $('#fileselect').trigger('click');
   and the functions : function fileSelectHandler(e); and function previewFile();
   This implementation work with browser but not in tablet. Is the tablet the problem? There are any other tutorial for Uploading Images?

3. Relationed with the uploading images. Some images are rectangles and other quadrate, diferents forms. In the UI of the page, the image component is a simple scuare and when i upload the image it resizes to this proportions. I like to see a rectangle if the upload image is a rectangle. How i can do it?

   Thanks for your time

   Jordi

[Maryna Brodina]

Hello!
1) Strange, should be working. Are there any errors in console? Could you give us your public app link?
2) Please specify device and version.
3) You would need to cut part of image or change it's geometry. What result is better for you?

[Jordi Niubo]

Hello Maryna!

I work in the app and have more information.

1)Now it's running. The error was in the local variables from JS. I test the images in web browser.

2) The device is Google Nexus 10 4.4. I test this functionality in 2 more devices and work and in the web browser work too.

3) The functionality of this is select image from the Device (Google Nexus 10). I can't cut the images. Posible need to change the geometry of the image component. How can do it? I can have more information of geometry with only image?

I have a couple more questions:

1. This app have some buttons and i need to have one button in the bottom of the app, concretly in the right bottom. When the app work in other Tablet with other size, I need to see the button in the right bottom too.
   I try to use the common properties. If i put +top, when I change the size of tablet, the button is in the same position and no change.
   If i put +bottom, the button stay in the same place, but the screen of app becomes long.
   I try to do with css with position: absolute but not work
   http://www.mclibre.org/consultar/amay...
   textarea[name=mobilebutton_133] {
   left: 70%;
   width: 20%;
   bottom: 10%;
   height: 30%;
   }

   Thanks again for your support and your time.

[Kateryna Grynko]

Hi Jordi,

Please post a public link to your app and tell us how to reproduce the issue.

[Jordi Niubo]

Hi Katya,

The problem is that when i install the app on mobile, no have problems to select image from gallery doing like the tutorial. The problem is when I install the app in Tablet Google Nexus 10. When i click the button don't does nothing.

The problem 3-4 is about design the app. Need one button fixed in the right bottom, in the right bottom for all devices. I use css with position absolute but doesn't work. It's possible i'm doing something wrong. How i can fix it?

Thanks

[Maryna Brodina]

Hello! Please post your public app link.

[Jordi Niubo]

http://appery.io/app/mobile-frame?src...

[Maryna Brodina]

Thank you for link! So "select image from gallery" works for you on some devices (what are these devices and OS versions?), but doesn't work on Google Nexus 10?
I'll update regarding changing button position.

[Jordi Niubo]

This work on:
Samsung galaxy mini version android 2.3.4
Samsung galaxy S3 version 4.1.2

but not in Google Nexus 10 version 4.4 (tablet 10')

Thanks

[Maryna Brodina]

Thank you, we'll test, but it might take some time.