When two or more widgets overlap one another, their 'layer order' determines which widget appears in front. Layer Order / Depth Order / Front and Back Take a look at the article on widget groups to learn more. To break apart a group of widgets, select the group and click Ungroup. To do this, select two or more widgets and click Group in the top toolbar. You can organize widgets into groups in order to name, position, and interact with them as a single unit. Alternatively, you can select it and enter a name at the top of the Style, Interactions, or Notes panes. To give a widget a name, do a slow double-click on it in the Outline pane. For example, the default paragraph widget shows Lorem ipsum dolor si in the Outline pane. If you enter text onto a widget that has no name, it will instead be identified by the first few words of the text. In the Outline pane and other locations that show widget names, unnamed widgets are identified by their widget type in parentheses: (Rectangle), (Image), etc. The W and/or H fields in the Style pane will be blank when the selected widgets have different dimensions.īy default, widgets are not named. This will apply the selected dimensions to each widget in the selection, for example setting the width of each widget to 150px.

To resize each individual widget, use the W and H fields in the Style pane. This will set the width and height of the selection itself and then resize and reposition the selected widgets proportionally to fit inside the selected dimensions. To resize the entire selection, use the W and H fields in the top toolbar. When you have multiple widgets selected on the canvas, you can choose to resize the entire selection proportionally as a whole or to resize each individual widget within the selection: Alternatively, you can press SHIFT ENTER after typing a new value into one of the fields. To maintain the widget’s aspect ratio, click the Maintain aspect ratio icon between the W and H fields. You can also choose exact dimensions for a widget using the W and H fields in the top toolbar or in the Style pane. You can maintain the widget's aspect ratio by holding SHIFT while dragging. To resize a widget, select it on the canvas and drag its resize handles. The X and/or Y fields in the Style pane will be blank when the selected widgets are located at different spots on the canvas. This will move each widget in the selection to the target coordinates on the canvas. To reposition each individual widget, use the X and Y fields in the Style pane. This will move the selection of widgets as a whole to the target coordinates on the canvas, and each widget will maintain its relative distance from the target coordinates. To reposition the entire selection, use the X and Y fields in the top toolbar. When you have multiple widgets selected on the canvas, you can choose to change the coordinates of the entire selection as a whole or to reposition each individual widget within the selection:

You can learn more in the article on the grid, guides, and snapping. You can also choose exact canvas coordinates using the X and Y fields in the top toolbar or in the Style pane.Īs you drag widgets on the canvas, they will snap to the canvas grid, any guides you have set up, and to other widgets nearby. To move a widget or selection of widgets, drag-and-drop it into place or use the arrow keys to nudge it around on the canvas.

You can also draw a number of shape widgets with the options in the Insert menu at the top-left of the UI. To add a widget to the canvas, drag it from the Libraries pane.

Axure rp license keys 8.0.3303