Page 1 of 1

How to display multiple photos taken by the camera phone in the layouts?

Posted: Fri May 17, 2013 4:33 pm
by John Herdean

i want the user to take multiple photos and have all of them displayed in the layout. So, what do I use? Like a gridview or what?


How to display multiple photos taken by the camera phone in the layouts?

Posted: Fri May 17, 2013 4:45 pm
by maxkatz

You can use either one.


How to display multiple photos taken by the camera phone in the layouts?

Posted: Fri May 17, 2013 5:04 pm
by John Herdean

well, what im getting at is if i use a gridview for example, how do i tell the gridview how many pics to show? meaning, in my layout, how many cells do i put in? or do i just set up the first row?


How to display multiple photos taken by the camera phone in the layouts?

Posted: Fri May 17, 2013 5:12 pm
by maxkatz

It depends how you get the pictures and from where. If you are getting pictures from a service, then you would bound the grid/list to the service. If you are loading them from the phone -- then you would need to decide how to load/display the pictures.


How to display multiple photos taken by the camera phone in the layouts?

Posted: Fri May 17, 2013 5:24 pm
by John Herdean

ive built many layouts, but this is the first time im doing something with the camera phone so thats why i have many q's regarding this service. Im planning on using the camera phone to take one or more pics then loading them onto a layout in a gridview fashion, like rows of 2 pics/row (for example) so the user can view them after they have been taken. See below so far what i designed.. (i have put in many rows to start, but the problem is the gridview should be filled depending on how many pics are being uploaded).. Thats why Im asking should i just have the 1st row gridview laid out or do i need to do it in a different way??


How to display multiple photos taken by the camera phone in the layouts?

Posted: Fri May 17, 2013 5:24 pm
by John Herdean

How to display multiple photos taken by the camera phone in the layouts?

Posted: Fri May 17, 2013 7:29 pm
by Maryna Brodina

Hello! Try another way - use JS to add taken with camera images on page.

1) add on page Panel component with type=span, name = picContainer, Class Name = picContainerClass

2) create CSS with the following code:
code.myPics{
width: 45% !important;
margin: 4px !important;
float: left !important;
}
.picContainerClass{
display: block !important;
width: 100% !important;
overflow: hidden !important;
height: auto !important;
}/code

3) on Camera service success event add the following code:

codeAppery("picContainer")&#46;append('<img class="myPics" src="'+data&#46;imageDataBase64+'">');/code