Hi Esri Team!
I'm trying to customize a quick report application to have users be able to pick or take multiple photos inside of the quick report. I am trying to do this inside of AppStudio for Desktop in QML through Qt Creator. Is there any sample QML code that I may be able to look at to design this functionality into my quick report? Please let me know by contacting me back at dbaumbach@llu.edu or by responding here. It would benefit me tremendously! Sathya Prasad or if you know of anyone else that would be more qualified to help.
My experience with v 1.3 and 1.4 was extremely good. There were a lot of really important functions that were implemented to aid users with an easy to use app. Since my initial post, this question has been addressed and fixed. Version 2.1 has implemented even more amazing features, the only thing that users report missing is access to either dropbox or google drive api in the addPhotoPage for easy access to photos on their computers. I think this would help users log data into a quick report app that have taken photos or video with their cameras instead of their phones.
Dustin,
Can you share your experience with 1.3 Quick Report template in this thread and if it resolved all the requirements you had.
Also, we are working towards 1.4 version with support for secured feature services, support for collecting lines and polygons, more UI refinements, photo annotation and editing and better data entry. Please let us know if you want us to work on some feature that might be missing.
-Sathya
cc: NManocha-esristaff
Thanks Nakul!
Actually, I have listed my sample on github
I hope this works for you.
-Nakul
Hi Nakul,
I have the same question as Dustin. Were you ever able to finish the quick report template with multiple images?
Thanks,
Shawn
Hi Nakul Manocha,
Thank you very much! I look forward to seeing the code to implement the multiple photos.
Dustin
Hi Dustin,
I put together some code to get the add multiple images or files as attachments to work with the quick report template. I am in a process of doing some final testing. I'll upload it here sometime early next week.
Hi Gareth Walters,
Thank you very much for sending this bit of code to me. I appreciate it! This will modify the AddPhotoPage in Qt Creator, correct? Please let me know.
Thank you,
Dustin Baumbach, here is some code that I have used to implement multiple photo capture.
import QtQuick 2.0
import QtQuick.Layouts 1.1
import QtMultimedia 5.5
import ArcGIS.AppFramework 1.0
import ArcGIS.AppFramework.Controls 1.0
Rectangle {
color: app.info.propertyValue("accent-color")
property var filesArray: fileFolder.fileNames()
Photos_FileFolder {
id: fileFolder
}
ColumnLayout {
anchors.fill: parent
spacing:2
id: cameraRect
Layout.fillWidth: true
Layout.fillHeight: true
Camera {
id: camera
captureMode: Camera.CaptureStillImage
imageProcessing.whiteBalanceMode: CameraImageProcessing.WhiteBalanceFlash
exposure {
exposureCompensation: -1.0
exposureMode: Camera.ExposurePortrait
flash.mode: Camera.FlashRedEyeReduction
imageCapture.onImageSaved: {
filesArray = fileFolder.fileNames();
console.log(filesArray[filesArray.length-1])
var d = new Date();
var formattedPhotoName = app.photoPrefix + "_" + d.getHours() + d.getMinutes() + d.getSeconds() + ".jpg"
fileFolder.renameFile(filesArray[filesArray.length-1], formattedPhotoName)
VideoOutput {
source: camera
focus : visible // to receive focus and capture key events when visible
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
rightMargin: 5
color: app.info.propertyValue("secondary-text-color")
opacity: 0.2
width: app.info.propertyValue("primary-button-size")
height: width
radius: width * 0.5
Image {
source: "../icons/ic_photo_camera_Orange_36pt_2x.png"
anchors.centerIn: parent
width: parent.width * 0.75
opacity: 1
visible: camera.imageCapture.ready
MouseArea {
onClicked:{
camera.imageCapture.captureToLocation( fileFolder.path )
Rectangle{
Layout.preferredHeight: 230
Layout.maximumHeight: 230
color: app.info.propertyValue("divider-color")
RowLayout {
spacing: 5
Repeater{
id: repeater
anchors.margins: 5
model: filesArray.reverse()
width: 300
height: 169
color: app.info.propertyValue("default-primary-color")
fillMode: Image.PreserveAspectFit
source: AppFramework.resolvedPathUrl(fileFolder.file(modelData).path)
Text {
id: txtCount
text: fileFolder.fileNames().length == 0 ? "no images yet" : filesArray.length
font{
pointSize: 18
color: app.info.propertyValue("dark-primary-color")
Let me know how yo go.
Cheers,
Gareth
Hi Sathya Prasad,
I was just wondering if there was an update to implementing the multiple photos option in quick report apps? Above you mentioned mid June but I noticed that it was not implemented in the AppStudio update. Please let me know how this is going and if there is a place I can follow updates on the status of this implementation. Thank you.
Hi Sathya Prasad Please see previous message above. I'm also wondering if you know anything about a fix to bug ENH-000096769. Please let me know. You may contact me back at dbaumbach@llu.edu if you would like to reply to me personally.
Hi Sathya Prasad. I am checking back in to see what the status was on the multiple photos functionality of quick report? Please let me know if it has been released and how I can go about implementing it into my current quick report application. I would like to do that as soon as possible as we expect a high volume of users for this app during the next 3-4 months. I look forward to hearing from you.
Thank you very much for your response. This is not of urgent need currently and will be able to wait until mid-June for the release. After it is released will I have to go back and recreate my quick report? or is it just a process of updating my app in the AppStudio website? Please let me know.
I am currently re-writing quick report app w.r.t UI/UX and feature functionality. One of the new functionality is support for multiple photos. Timeline would be mid June, if you can wait I would recommend. If you cannot wait, then you will have to look at two places in code:
1. Add UI and functionality to select more than one photo in AddPhotoPage.qml.
2. IN QuickReportApp.qml inside of the "addAttachments" function currently it only looks for one file. After the changes for Step 1. you will have an array of file urls, so in this function loop though and add attachment for each photo.
Signed in members can post, follow updates, and more. New here? Register a free account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
