If an Image is selected, an Image menu will appear in the View menu. This is the same menu as the contextual menu that appears when you right click on the image.
Browse... will open a file chooser dialog for you to choose which image from your file system you want to be displayed in the image widget.
Open with default aplication (ony available if the image is linked) opens the image with the system's default software to do so.
Open container Folder (ony available if the image is linked) opens the folder in which the original image is stored.
Click
on Undo to undo the last operation and get back to the state right previous to it. (Keyboard shortcut: Ctrl+z)
Click
on Redo
to
redo the last undone operation. (Keyboard shortcut: Ctrl+y)
Click
on Copy
to
copy the current selection to the clipboard. (Keyboard shortcut:Ctrl+c)
Click
on Cut
to
cut the current selection from the editor and put it into the
clipboard. (Keyboard shortcut: Ctrl+x)
Click
on Paste
to paste to the current editor the contents of the clipboard. (Keyboard
shortcut: Ctrl+v)
Click
on Delete to delete the selected items. (Keyboard shortcut: Delete)
Click
on Select All to select all the items on the screen. (Keyboard shortcut: Ctrl+a)
Click
on Duplicate to duplicate the selected item. (Keyboard shortcut: Ctrl+d)
Clik
on Find to open a search dialog to look for text terms in the
components of your prototype.
Click on Order and choose the option that fits your needs to order the depth of the item you have chosen.
Click on Align left, center, right, top, middle or bottom to align the selected elements to the leftmost, center, rightmost, topmost, middle or bottommost element respectively.
Distribute vertically and horizontally will distribute the user interface elements (three or more must be selected) in the horizontal and vertical axis respectively.
Match width , Match height and Match size are available only when two or more user interface elements (usually widgets) are selected.
To make all the elements be as wide as the last element selected click on Match width
To make all the elements be as high as the last element selected click on Match height
To make all the elements be as wide and as high as the last element selected click on Match size.
Click on Group to choose the grouping option that best fits your needs. This will group the items selected on the screen.
Click on Center content... and this screen will apear. You can choose the screens and templates whose content will be centered. Notice that the alignment will not be visible during edition. It will onl be applied in simulation.
Click on Save as image to save the selected items as an image. If no element is selected this will save the screen as an image.
Click on the different options inside the Toolbars menu to select which toolbars are going to be displayed in the main toolbar.
Click on Rulers to show/hide the rulers in the canvas.
Click
on Grid to show/hide the grid in the canvas.
Click on Snap to Grid to activate/deactivate the automatic alignment.
Click
on Snap to geometry to activate/deactivate the automatic alignment
system.
Click
on Resolution Guides to hide/show the grey lines in the canvas that
indicate the canvas resolution.
Click
on Widgets to show/hide the Widgets panel.
Click
on Properties to show/hide the Properties panel.
Click
on Events to show/hide the Events panel.
Click
on Comments to show/hide the Comments panel.
Click on Requirements to show/hide the Requirements panel.
Click
on Screens to show/hide the Screens panel.
Click
on Templates to show/hide the Templates panel.
Click
on Masters to show/hide the Masters panel.
Click
on Data Masters to show/hide the Data Masters panel.
Click
on Variables to show/hide the Variables panel.
Click
on Outline to show/hide the Outline panel.
Click
on Navigator to show/hide the Navigator panel.
The table menu contains
options to edit a selected table in the canvas. The menu will be displayed inside the Edit menu when a table is selected.
Click
on New Column to add a new column to the right of the table. The
styles of the cells of that new column will be copied from the ones
next to it.
Click
on New Row to add a new row to the bottom of the table. The styles
of the cells of that new row will be copied from the ones just above
it.
Click
on Select Column when you have a table cell selected to select all
the cells that are above and below the one selected.
Click
on Insert Column Right to create a new column to the right of the
cell you have selected.
Click
on Insert Column Left to create a new column to the left of the cell
you have selected.
Click
on Select Row when you have a table cell selected to select all the
cells that are right and left the one selected.
Click
on Insert Row Below to create a new row below of the cell you have
selected.
Click
on Insert Row Above to create a new row above the cell you have
selected.
Click
on Split cell vertically to split the selected cell into two
vertically.
Click
on Split cell horizontally to split the selected cell into two
horizontally.
Click
on Merge Cells to combine more that one cells into one (the cells
must be one next to the other).
The image menu contains
options to edit a selected image in the canvas. The menu will be displayed when an image is selected.
Click
on Browse to explore your file system and select an image file that will be displayed on the image component.
Click
on Crop to adjust the bounds of the image file.
Click
on Flip Horizontal to invert the image across the x-axis.
Click
on Flip Vertical to invert the image across the y-axis.
Click
on Set Original Size to change the size of the image component restoring the size of the image file.
Click
on Clear to clear the image file displayed. An image placeholder is displayed when no file is set on the image component.
The simulate menu contains options to simulate your prototype.
Simulate Prototype: launch the simulation engine inside an internet browser with the screen or template you have opened at that moment in the canvas.
View on smartphone/tablet: publishes your prototype in your account and prompts a QR code so you can scan it with a real mobile device.
Simulation settings: lets you configure how your prototype will be displayed either in simulation, once exported to HTML or when you publish it in your account
Preview screen: a quick preview of your current screen. In this preview the events won't work.
Site Map
The view menu has these specific options:
Click
on Screens to show/hide the Screens panel.
Click
on Overview to show/hide the Overview panel.
Click
on Properties to show/hide the Properties panel.
Scenarios
The view menu has these specific options:
Click
on Widgets to show/hide the Widgets panel.
Click
on Screens to show/hide the Screens panel.
Click
on Scenarios to show/hide the Scenarios panel.
Click
on Outline to show/hide the Outline panel.
Click
on Navigator to show/hide the Navigator panel.
Click
on Comments to show/hide the Comments panel.