Page 1 of 3
Work UI with images (Update from gallery, save as local variable and resize)
Posted: Fri Nov 29, 2013 10:21 am
by Jordi Niubo
Hi
I'm doing app with images and i have some problems.
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?
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?
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
Work UI with images (Update from gallery, save as local variable and resize)
Posted: Fri Nov 29, 2013 12:44 pm
by 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?
Work UI with images (Update from gallery, save as local variable and resize)
Posted: Mon Dec 02, 2013 10:12 am
by 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:
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.
Work UI with images (Update from gallery, save as local variable and resize)
Posted: Mon Dec 02, 2013 3:50 pm
by Kateryna Grynko
Hi Jordi,
Please post a public link to your app and tell us how to reproduce the issue.
Work UI with images (Update from gallery, save as local variable and resize)
Posted: Tue Dec 03, 2013 8:26 am
by 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
Work UI with images (Update from gallery, save as local variable and resize)
Posted: Tue Dec 03, 2013 8:31 am
by Maryna Brodina
Hello! Please post your public app link.
Work UI with images (Update from gallery, save as local variable and resize)
Posted: Tue Dec 03, 2013 9:53 am
by Jordi Niubo
Work UI with images (Update from gallery, save as local variable and resize)
Posted: Tue Dec 03, 2013 10:08 am
by 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.
Work UI with images (Update from gallery, save as local variable and resize)
Posted: Tue Dec 03, 2013 10:28 am
by 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
Work UI with images (Update from gallery, save as local variable and resize)
Posted: Tue Dec 03, 2013 2:35 pm
by Maryna Brodina
Thank you, we'll test, but it might take some time.