How do I make a page scroll when previewing?

Tags: faq | Prototyping | Pages

Increasing the page width or height in the page menu will automatically cause any pages to scroll (horizontally, vertically or both) when you preview.

Page settings menu

The dashed blue and white screen boundary marker will indicate where the page will start scrolling.

Screen boundary markers

Pinned widgets are frequently used with scrolling pages to make some content static while other content scrolls.

You may also want to know more about changing your resolution/device type or the difference between the screen size and page sizes to set your project up to your liking.

Frequently asked questions

More articles for faq | Prototyping | Pages

Keyboard shortcuts

Keyboard shortcuts available in Fluid UI to speed up your design process.

Changing view settings

Full details about the different view settings in Fluid UI and how to change them.

The difference between screens and pages

Learn about the differences between screens and pages in Fluid UI.

Hotspots

These links are visible on your page when creating your prototype, but don't show in preview mode.

Widget groups

Creating and working with groups.

How to upload your own images

How to upload, add, delete and filter your own uploaded images in Fluid UI. Also covers hotspots for linking prototypes together.

Snapping and grid

The snapping and grid settings are available in the page menu and can be used to lay out your prototype according to grids or other layouts.

Setting page titles and adding notes

All about page notes in Fluid UI

Changing page settings

Full details on page settings and how to change them in Fluid UI.

Creating projects

Creating projects in Fluid UI, naming and deciding on the default orientation of your screens.

All about the library

Learn how to access and add widgets, upload images, save design patterns and switch / search between library elements.

Why you should prototype

Fluid UI discusses the top 10 reasons you should prototype your apps before you hand them over for development.

Fluid UI introductory tutorial

Learn how to make your first Fluid UI prototype with this introductory tutorial.

Adding, cloning and deleting pages

Covers how to create, edit and delete pages in the editor.

Working with widgets

Everything you need to know about working with widgets in Fluid UI.

Links, gestures and transitions

How to add and delete links from your Fluid UI project. Also how to set link transitions and gestures to give a more custom look to your project.

Hotspots

Hotspot widgets are invisible when previewing though their links will still work. They can be combined with uploads to quickly create linked image maps.

Editing widget properties

How to edit the widget properties such as width, height, colour, size.

Moving, resizing and aligning widgets

How to move, resize and align your widgets.

Widget backgrounds and borders

How to use the widget menu to edit the look and feel of your widgets to match the needs of your project.

Setting your splash screen and app icons

How to set these two important screens in Fluid UI.

?
Which browser should I use?

Chrome is recommended for use with Fluid UI. Firefox and Safari will work but there may be issues. Internet Explorer is not compatible. More info

?
How do I get my app developed?

We talk briefly about how to get your prototype from prototype to complete. More info

?
How do I upgrade to another plan

If you decide to upgrade to a different plan, please let us know via email or our in app chat so we can help arrange the refund for you. More info

?
How do I undo?

Control-z (command-z on mac) will undo any action you take. Use timeline review or version history to restore an older version of your project. More info

?
Where is my project gone?

Fluid does not delete any projects for accounts that have been accessed in the preceding year. Here are some common ways to recover your project. More info

?
How do I edit the text in a widget?

Double click to edit the text in a widget in Fluid UI. Use the widget menu to edit the color, size or font of the text you have selected. More info

?
How to set the start page

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. More info

?
How do I make a page scroll when previewing?

Increasing the page width or height in the page menu will automatically cause any pages to scroll (horizontally, vertically or both) when you preview. More info

?
How do I upload images?

Once you have a solo account or higher you can add images by dragging them into your browser window. They will show in the uploads tab of your library. More info

?
How do I save my project?

Fluid UI saves your project locally and on our servers automatically all the time. You can review and restore any version from the version history. More info

?
Do I need to know how to code?

No, you don’t need to know any coding to use Fluid UI. It is a concept tool getting your ideas out of your head and into your users hands for review. More info

?
How do I create a link?

Select any widget and click the blue "link" icon from the widget menu. The link will be added when you click another page or "new page". More info

?
Can I make a real working app?

Not yet, but it's something on our roadmap. Fluid UI is for prototyping and concept validation - for getting your app developed quicker and with less risk. More info

?
How do I delete a link?

Hover over the link until the link menu appears. Open the menu and click delete. (note: Close pages may obscure the menu - you may need to move them apart) More info

?
How do I unlock all the libraries?

The other libraries will be unlocked once you have a paid account. The free account allows you access to the wireframe library only. More info