Hiding the browser header and footer in AppStudio BrowserView

TerryRichards1 — Thu, 01 Jul 2021 09:26:00 GMT

Hi All

One of the requirements for an app we are developing is that we include the ability for a user to access an existing webpage from within the app. This is a fault reporting webpage and may require that the user upload an image from their device.

For this reason we are unable to use the WebView component as, according to the documentation:

- "Note that WebView doesn't support loading content through the Qt Resource system"

We have tested this and it certainly holds true for Android devices, although the iPad we tested on did allow us to load content through the WebView.

Anyway, for consistency sake, our only option is then to use a BrowserView, but the question I have is - is there any way of getting rid or hiding the 'furniture' around the web page that displays. We don't want the users to navigate away from the fault reporting page or from the app itself.

Essentially, we want to hide the blocks highlighted in red at the top and bottom of the page:

Best regards

Terry

Re: Hiding the browser header and footer in AppStudio BrowserView

ErwinSoekianto — Fri, 16 Jul 2021 19:00:44 GMT

Terry,

This is a great suggestion, but I don't think we have special properties for it.

But I think you can achieve this by adding anchors.topMargin and anchors.bottomMargin to negative value to workaround it.

BrowserView { id: browserView anchors.fill: parent anchors.topMargin: -40 anchors.bottomMargin: -40 primaryColor:"#8f499c" foregroundColor: "#f7d4f4" url: "https://www.esri.com/en-us/arcgis/products/appstudio-for-arcgis" }

Thank you,

Erwin

topic Hiding the browser header and footer in AppStudio BrowserView in ArcGIS AppStudio Questions

Hiding the browser header and footer in AppStudio BrowserView

Re: Hiding the browser header and footer in AppStudio BrowserView