Preview your App from the Back Office

Preview your App from the Back Office

We offer several ways to preview your modifications when you are working on your app.
The previews allow you to see immediate modifications* made to your back office.
*These changes will only be visible for your users once you've updated them in the menu Publish > Platform (PWA or iOS or Android) > Update.
 
- My Muse mBaaS app, to have a precise preview of the native iOS or Android version of the app
- The back office preview visible from the main column of your back office (based on the Progressive Web App (PWA) version)
- The preview mode accessible from the button "Preview" at the top right (based on the Progressive Web App (PWA) version)


Select the type of preview from the top bar of the preview mode:
Phone preview, Tablet  preview, Laptop preview, or Browser preview.



1. Phone Preview

This is how your app will appear on a phone. However, keep in mind that the design of the app is automatically resized to fit any screen size, so the real app may appear slightly different depending on the size of the actual screen it is viewed on.
 


2. Tablet Preview

This is how your app will by displayed on tablets. 
The landscape mode is available on tablets. To change the position of the screen use the blue button at the top right of the preview.
 


3. Laptop Preview

The laptop preview, as stated, is the way your PWA will show on a laptop. It is narrower than a regular desktop preview. 
 


4. Browser Preview

The Browser preview is the broader size, it allows you to see and test the app as it appears on a browser.
Click the planet icon to open the browser preview in a new tab of your browser, it will open the same page than the one you were viewing on the back office preview.

Note: when in preview mode, a banner is displayed on the top part of the screen.

    • Related Articles

    • App Language VS Backend Language

      1. Choose the application language The language of the application for generic texts is by default the language of the portal in which you created your app/backend. 1. Go to the menu "Settings" at the bottom left of your back office 2. Select "App ...

    • Steps to Create your App

      1. Creation of your Muse mBaaS App The creation and upkeep of your app are done in one interface: the back office. The back office allows you to add content to your app, to customize the design, and to interact with your users once the app is ...

    • Launch the Native Apps When Clicking a Link from Outside the App

      Example: I share an article from my app on Facebook or Twitter or via email. Final users click the link to your article from Facebook or Twitter or their email: - If they have installed the native app on their device, the native app will be launched ...

    • The Sections of the App

      The Sections are the basis of your Muse mBaaS application. - To create and manage the sections of your application go to the left menu Design & Structure > Structure > Sections: The sections of your app are listed on the right side of the backend. - ...

    • The Name of the App

      1. App Name and Muse mBaaS Project Name The project name you register when you create your Beautiful App is the name that will appear in your Muse mBaaS backend URL. For example, if you created your Beautiful App as "myapp", your backend URL will be: ...