The top bar which is found at the top of the editor contains a number of features.
The page settings allows you to control all features related to the page you are working on.
When we talk about screens in Fluid UI we are talking about the device screen you are designing for. You can read all about choosing the right screen resolution for your app design here.
You can choose which device screen resolution you are designing for when you create a new project and by choosing project settings in the home menu.
A page in your project corresponds to a page in the app you are designing. You can change the page's height, width, orientation and set it as the starting page for when you're previewing your app prototype.
Next: Read about managing page settings in your projects.
Choose the start page for your project, this will automatically start your app preview on this page.
Choose the page orientation, portrait or landscape.
Set the width and height of your page and make scrolling pages.
You can also access project settings from page settings.
Next find out about changing project settings.
Increasing the page width or height in the page menu will automatically cause any pages to scroll (horizontally, vertically or both) when you preview.
The dashed blue and white screen boundary marker will indicate where the page will start scrolling.
Pinned widgets are frequently used with scrolling pages to make some content static while other content scrolls.
Choose your default screen orientation and resolution when you are creating a new project. You can also choose a custom size if your size is not in the presets.
Use project settings which is in the home menu to change the device orientation as well as the default gestures and transitions for your project.
You can set any page in your prototype to the start page by focusing on that page and clicking the "Start page" switch in the page settings menu. Only one page can be the start page.
You can also the preview button on any screen to preview starting with that particular page so you don't need to navigate from the start page each time (this option is available once the page has widgets on it).
Next, have a look at the other preview settings and options.
There are 3 ways to create a page with Fluid UI:
Double click anywhere on the canvas when zoomed out to create a page at that location.
Use the add page icon when zoomed out.
Create a link from one of your widgets and drop it on "New +".
Once created, pages can be moved around the canvas to create a storyboard for your prototype.
You can clone a page by clicking the sheep in the page menu.
Deleting a page
You can delete a page by focusing on it and clicking delete in the page menu or by dragging it to the trash in project context.