## Section specific menus

### User Interface

The edit menu has these specific options:

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

The view menu has these specific options:

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