What’s New in AppStudio for ArcGIS 3.2 (December 2018)

Anonymous User · ‎12-17-2018

We are excited to announce that AppStudio for ArcGIS version 3.2 is now available to download! This release rolls out many exciting new features, as well as improvements to help drive your overall development productivity. Read this ArcGIS Blog to learn what’s new in AppStudio 3.2.

Bug Fixes:

BUG-000103663	The AppStudio Player wizard installer has inconsistencies in the translation to German
ENH-000116806	Request to clarify the document "License AppStudio Standard"
BUG-000118306	When clicking the Landing Page button at appstudio.arcgis.com, an error is thrown: "Unable to complete operation"
ENH-000089681	Overlapping translated text
BUG-000089485	Finished download window contains a white square (AppStudio)
BUG-000089467	Tooltip missing
BUG-000091419	Localization: AppStudio Player About page not localized
BUG-000099446	The following error, "Fatal Error C1060: Compiler is out of heap space" occurs when using the Cloud Make tool for Windows (x64).
BUG-000092191	Upload tooltip is not localized (AppStudio)
BUG-000092175	AppStudio UI: unlocalized button
BUG-000087207	MOR_I18N: AppPlayer - Search and Download strings contain incorrect character "%1"
BUG-000087203	MOR_I18N_STR: Show/Hide Details buttons are not translated
BUG-000087200	MOR_I18N_STR: App download prompt is not translated
BUG-000087227	MOR_I18N_STR: AppStudio Player: Untranslated dialogs when downloading App
BUG-000089397	Unable to install AppStudio for ArcGIS when the installation path contains '\con'. Error: The installation path must not contain '\con', please specify a valid folder.
BUG-000087467	Add support for Enterprise SSO to AppStudio for ArcGIS app with ArcGIS Online or Portal Single Sign On
BUG-000087285	AppStudio for ArcGIS Player - iOS: "No matches for <search item>" string is not localized
BUG-000105156	Hyperlink for 'tel' and 'mailto' in Story Map Tour does not work in AppStudio for ArcGIS.
BUG-000103575	An ArcGIS Online named user is required to access AppStudio for ArcGIS downloads. This may prevent users from getting AppStudio for ArcGIS in organizations only utilizing Portal for ArcGIS.
BUG-000103386	The Cancel button is not translated in the AppStudio for ArcGIS app.
BUG-000106457	The overview of the application in AppStudio for ArcGIS is not translated to German on a German operating system.
BUG-000115064	The Quick Report template in AppStudio for ArcGIS (Desktop Edition) is unable to add video attachments in Android devices.
BUG-000111490	The default values of the coded domain in the hosted features service is not submitted using Quick Reporter template of the AppStudio Dev Edition Desktop Version 2.1.19
ENH-000107824	Customer would like to make us aware that AppStudio application DLLs do not support several security mechanisms.
BUG-000101164	MOR_LOC_ALL: Untranslated "Content" tab in Settings of AppStudio for ArcGIS Desktop.
BUG-000101055	MOR_LOC_HE: Incorrectly placed parenthesis bracket in AppStudio Make tool of AppStudio for ArcGIS Desktop on Hebrew Mac OSX.

DustinBaumbach1 · ‎12-20-2018

I am please to see the release of a new AppStudio with a few new interesting features. However, I have noticed that after creating a new quick report application, I still have ArcGIS Runtime 100.2 and not 100.4. Also, I do not see an option for the platform beta, including the DocumentDialog. Is there another step I need to take after downloading and installing the application? I have also noticed that when I click on the Qt Creator application it is still 5.10 and not 5.11. Please let me know how to implement these new features so I can start testing my apps with them. Please note that I have uninstalled AppStudio 3.1, restarted my computer, and then installed AppStudio 3.2.

I look forward to hearing from you. Erwin Soekianto

Dustin Baumbach

Loma Linda University

Anonymous User · ‎12-21-2018

Hi,

I have noticed that after creating a new quick report application, I still have ArcGIS Runtime 100.2 and not 100.4.

You can change the import statement to 100.4 in the Qt Creator

Is there another step I need to take after downloading and installing the application?

The following code snippet shows you to use Document Dialog. You can create an app using the following code, then upload it and download to the Player version 3.2 to test this feature. Notice that DocumentDialog is currently in beta and if you have any feedback, please let us know.

import QtQuick 2.7
import QtQuick.Controls 2.1

import ArcGIS.AppFramework 1.0
import ArcGIS.AppFramework.Controls 1.0
import QtQuick.Layouts 1.1
import ArcGIS.AppFramework.Platform 1.0

App {
    id: app
    width: 400
    height: 640


    ColumnLayout {
        anchors.centerIn: parent

        Button {

            text: qsTr("Open Document Dialog")
            onClicked: {
                docDialog.open()
            }
        }

        Text {
            id: filePathDisplay
            Layout.preferredWidth: parent.width * 0.9
            wrapMode: Text.WordWrap
        }
    }

    DocumentDialog {
        id: docDialog

        onAccepted: {
            filePathDisplay.text = "File Path: " + filePath
        }
    }
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

I have also noticed that when I click on the Qt Creator application it is still 5.10 and not 5.11.

Yes, the Qt Creator IDE version was built with Qt 5.10. However, when you create and build an app, Qt 5.11.2 is fully supported and you can find out the Qt Version in the AppStudio Desktop/Player > About

Thanks,

Tina

DustinBaumbach1 · ‎12-21-2018

Thanks Tina Jin‌ I appreciate your help. Just a couple more questions. What page does the DocumentDialog code get entered? The addPhotoPage? And where in the Qt Creator settings is the import change statement?

I look forward to hearing from you.

Thank you,

Dustin Baumbach

Loma Linda University

Anonymous User · ‎12-21-2018

Hi Dustin,

What page does the DocumentDialog code get entered? The addPhotoPage?

Yes

where in the Qt Creator settings is the import change statement?

You can change the import statements at the top of each QML files.

I hope it helps.

Thanks,

Tina

DustinBaumbach1 · ‎12-21-2018

Hi Tina Jin‌

Yes, your explanations have helped a lot. I have implemented the code that you posted, as well as the code suggested by Erwin Soekianto‌, but suddenly I am received an SSL error. Whenever I go to click on "New Report" it loads for a second and then displays a popup box saying 403 - SSL Required. What prompted this error and how can I go about fixing this?

Thank you,

Dustin Baumbach

Loma Linda University

DustinBaumbach1 · ‎12-21-2018

Nevermind Tina Jin. I had forgotten to replace the files from an app built in AppStudio 3.2 to my previous apps in order to update them.

I think the DocumentDialog is a great feature but I've noticed that selecting a photo from an external application does not activate the next button when the "skip attachments" button is unselected. I would also like for the DocumentDialog to display the photo selected in the grid like all of the other buttons, not just the path, in the event that the user uses only a photo from an external application. I'm looking at the current code but cannot find the area where DocumentDialog would be integrated into the Grid method. I'm sure there are a few simple inserts that would allow for this to happen. Let me know if this issue has already been solved.

Thank you,

Dustin Baumbach

Loma Linda University

DustinBaumbach1 · ‎12-28-2018

Hi Tina Jin‌,

While playing around with the new documentdialog method I noticed that only providing the file path would not do anything for the people/organizations collecting photos. If the photos are selected from google drive, dropbox, or an internal memory card and do not have sharing permissions enabled, then the file path means nothing. This is why I think it would be better to actually show the photo that was selected from the external application, rather than only showing the file path. This method will also need to be connected to the next button so that when a photo from an external application is selected, the next button will be enabled, in the case that the allow photo skip is disabled.

Please let me know what you have to think.

Thank you,

Dustin Baumbach

Loma Linda University

Anonymous User · ‎12-28-2018

Hi Dustin,

Once you get the file path of the selected image, you can use Image QML type to display the image by setting image source as selected file path However, you will need to convert a file path to URL first. I have updated the code snippet to display a selected image from document dialog.

import QtQuick 2.7
import QtQuick.Controls 2.1

import ArcGIS.AppFramework 1.0
import ArcGIS.AppFramework.Controls 1.0
import QtQuick.Layouts 1.1
import ArcGIS.AppFramework.Platform 1.0

App {
    id: app
    width: 400
    height: 640

    property url imageURL

    ColumnLayout {
        anchors.centerIn: parent

        Button {

            text: qsTr("Open Document Dialog")
            onClicked: {
                docDialog.open()
            }
        }

        Text {
            id: filePathDisplay
            Layout.preferredWidth: parent.width * 0.9
            wrapMode: Text.WordWrap
        }

        Image {
            Layout.preferredHeight : parent.height * 0.7
            Layout.preferredWidth: parent.height * 0.7
            fillMode: Image.PreserveAspectFit
            source: imageURL
            autoTransform: true
            mipmap:true
        }
    }

    DocumentDialog {
        id: docDialog

        onAccepted: {
            fileFolder.url = filePath
            imageURL = fileFolder.url
            filePathDisplay.text = "File Path: " + filePath
        }
    }

    FileFolder {
        id: fileFolder
    }
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

I hope it helps

Thanks,

Tina

DustinBaumbach1 · ‎12-28-2018

Hi Tina Jin‌

Yes, this has definitely helped. The only other thing I need help with is how to connect the DocumentDialog to the "Next" button when the allow photo skip is disabled. I want users to be able to use photos from a third party apps and still be able to progress through the application. However, photos are required so we are not allowing users to progress past this page unless they upload a photo.

Thank you,

Dustin Baumbach

Loma Linda University

DustinBaumbach1 · ‎12-28-2018

P.S. Also, is there a way to allow upload of multiple photos from a third party app using the DocumentDialog?

Anonymous User · ‎12-28-2018

Hi Dustin,

There are a lot of ways to set the visibility of the "Next" button depending on if an image is selected or not. For example, if you only wish to attach one image, you can set the button visible property to true in the DocumentDialog onAccepted{} signal handler. See code snippet below.

    DocumentDialog {
        id: docDialog

        onAccepted: {
            fileFolder.url = filePath
            imageURL = fileFolder.url
            filePathDisplay.text = "File Path: " + filePath
            nextBtn.visible = true
        }
    }‍‍‍‍‍‍‍‍‍‍

If you wish to select multiple images (Yes, you can upload multiple images), in this case, you will need to append

image path into a List Model and set the button visible to true when the number of data in the List Model is greater than zero. For example, the code snippet below demonstrates how we handle this in Quick Report Add Photo page for the Next button.

       visible: app.allowPhotoToSkip? true: (app.appModel.count>0)‍

Thanks,
Tina

DustinBaumbach1 · ‎12-28-2018

Hi Tina Jin‌

Thank you very much for your support. Does the snippet for multiple photos also go inside of the "onAccepted" portion of the DocumentDialog? If not, where does this portion of code need to be allocated in order to get this to work? I went ahead and tried placing it in the "onAccepted" method but did not get the next button to appear. Please let me know.

Thank you,

Dustin Baumbach

Loma Linda University

Anonymous User · ‎12-28-2018

It will be for the Button visible property. For example, the Quick Report CustomButton visible property is set to true when appModel count is greater than 0.

            CustomButton {
                //Layout.alignment: Qt.AlignHCenter
                //Layout.preferredWidth: Math.min(parent.width*0.80, 600*app.scaleFactor)
                //Layout.bottomMargin: app.isIPhoneX ? 28 * app.scaleFactor : 8 * scaleFactor
                id: nextButton
                buttonText: qsTr("Next")
                buttonColor: app.buttonColor
                buttonFill: app.allowPhotoToSkip? true: (app.appModel.count>0)
                buttonWidth: Math.min(parent.width, 600 * scaleFactor)
                buttonHeight: 50 * app.scaleFactor
                visible: app.allowPhotoToSkip? true: (app.appModel.count>0)
            }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

DustinBaumbach1 · ‎12-28-2018

Hi Tina Jin‌

i noticed that there is already a next button with a bunch of properties closer to the bottom of the add photo page with most of these properties. However, Instead of visible for the multiple photos I see it as enabled. Does another instance of the next button need to be placed inside of the document dialog method?

Thank you,

Dustin Baumbach

Loma Linda University

DustinBaumbach1 · ‎12-28-2018

Hi Tina Jin‌,

I decided that I wanted to have an icon instead of a button for the Document Dialog so I copied the code for the other icons and then included the rest of the code for the Document Dialog. I also noticed that the next button closer to the bottom of the addPhotoPage already includes the code you supplied above, but the brackets should include this Document Dialog code in the next button. Why does this code not already include multiple photos then? Please let me know what I am missing.

Thank you so much for all of your help.

Dustin Baumbach

Loma Linda University

DustinBaumbach1 · ‎12-31-2018

P.S. Tina Jin I also decided I didn’t want the path name showing so I deleted that portion of the code. It is not relevant for the user as long as they can see the photo that was uploaded.

Thanks You

Dustin Baumbach

Loma Linda University

Anonymous User · ‎01-03-2019

Hi Dustin,

If you are modifying the Quick Report template, you will need to append the selected images into the app model so that they will be displayed on the preview grid view. See code snippet below.

    DocumentDialog {
        id: docDialog
 
        onAccepted: {
 
            var fileURL = "file:///" + filePath
            filePath = filePath.replace("////","///");
 
            appModel.append(
                        {path: fileURL, type: "attachment"}
                        )
 
            app.selectedImageFilePath = fileURL;
 
            visualListModel.initVisualListModel();
 
        }
    }
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

I hope it helps.

Thanks,

Tina