Trying to build an in-app viewer for external documents (url supplied by an API)
<Alloy> <Window id='docView'> <View class='header'> <Label class='headerLabel' id='title'>MY DOCUMENTS</Label> </View> <WebView id='docViewTable' class='table'></WebView> </Window> </Alloy>
var args = arguments[0] || {}; Alloy.Globals.tracker.trackScreen('Document View'); $.title.text = args.name; args.url = encodeURI('https://vcsdatabase.com/influenza_declination_view.php?vendor_id=116943&credential_id=39&declination_id=113702&viewSource=mobileApp&token=v0ur3epsi8ipfg6md8kq2c4uv2'); $.docViewTable.url = args.url; $.docViewTable.hideLoadIndicator = true; function close() { $.docView.close(); }setting url to the above url for testing.
Even with encodeURI it doesn't load. Just a blank view. I've tried it with normal URLs and it works fine.
I'm guessing it something to do with the nature of the url/document, which I unfortunately can't control. Any ideas for fixes/workarounds?
Thanks!