Preview Modes in Desktop Browser

Flamingo Cloud IDE allows you to preview how your site pages will look like on all supported devices: desktop computer, tablet, and mobile phone.

Previewing Page on Desktop

To open desktop preview in your IDE, you should:

  1. Open your IDE.
  2. Navigate to the page you need to view.
  3. Click the Desktop View button on the left sidebar.
Click Desktop Mode

The opened site page will be shown on the preview frame as it will appear on desktop computer.

Previewing Page on Tablet

You can see how your page will look like on tablet’s portrait and landscape orientation. To open Tablet preview in your IDE, you should:

  1. Open your IDE.
  2. Navigate to the page you need to view.
  3. Click the Tablet View button on the left sidebar.
Click Tablet Mode
  1. To change preview orientation, click the Rotate button on the left sidebar (it is shown over the Tablet View button).
Rotate tablet

The opened site page will be shown on the preview frame as it will appear on tablet.

Previewing Page on Mobile Phone

You can see how your page will look like on mobile phone’s portrait and landscape orientation. To open Phone preview in your IDE, you should:

  1. Open your IDE.
  2. Navigate to the page you need to view.
  3. Click the Phone View button on the left sidebar.
Click Phone Mode
  1. To change preview orientation, click the Rotate button on the left sidebar (it is shown over the Phone View button).
Rotate phone

The opened site page will be shown on the preview frame as it will appear on mobile phone.

See also