Browser apps

When creating an app in Aquro, your app is actually created automatically for iOS, Android, and browsers all at the same time.

The browser-version of your app can be hosted in the Aquro App Hosting service or by uploading your app to your own web server.

When building an app that is supposed to be published as a browser app, please consider the limitations described below:

Customizing the UI for a Browser app

Customizing the UI for your browser app can be done in a few different ways:

Alternative 1 – Theme settings
You can configure your app theme to have a unique set of CSS rules that will be applied to your app only when it is running in a browser. Editing the theme is done by navigating to UI > Theme in the left treeview menu in the Aquro App Studio. You can also modify individual components by using the “Style” button in the page designer.   

Alternative 2 – Responsive designer
By using the responsive designer you can change both the position and size of all your components in your app, but you can also edit individual properties on the components or completely hide individual components from a specific platform.

By using the responsive designer, you can easily style your app to look great on both small and large screens.  Learn more about the responsive designer here: https://www.youtube.com/watch?v=lcytcCwXIt8

 Alternative 3 – Write your own custom CSS  
Customize your UI by adding custom CSS code to your app and use CSS media queries to specify the look of specific components based on the current platform.

Limitations

When you app is running in a browser instead of compiled as a native app on your phone there is one potentially large limitation: the browser app does not have access to any native hardware features, such as the camera or local file system.

In short – when your app is running in your browser – you need to make sure its core functionality isn't relying on any 'device' or hardware features. 

If you have such features in your app, you will need to manually disable them in the browser version of your app by either removing the UI element that triggers that native feature or by using the Device.Info.GetPlatform Visual Coding block to identify if the app is running in a browser or not.

If you are working with JavaScript, you can use the Page.Platform variable to identify if the app is running in the browser or not.

Browser support

Apps created in Aquro requirea web browser running the Webkit engine, such as Chrome or Firefox. Internet Explorer and Microsoft Edge are not officially supported. "Not officially supported" does not mean that your app will not function in these browsers, but we do recommend extensively testing your app in these platforms before releasing your app to your audience.

Did this answer your question?