| Insert excerpt | ||||||||
|---|---|---|---|---|---|---|---|---|
|
Version 11+
| Excerpt | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
To move a component drag Move a Component
|
Component Layout
The location that PhixFlow places components on the screen canvas depends on whether the container is configured to flow in rows or columns; see Sizing and Positioning Screen Content. For example, if a container is set to flow:
- in rows, PhixFlow puts a component on the right
- in columns, PhixFlow puts a component below
Version 10 and Earlier
| Expand | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
The following video shows you how to move components around in the
|
Preventing Dragging
To prevent accidental dragging of components on the screen, go to the components properties → Positional Settings section, and tick Prevent Dragging.
This will make items non-draggable on a screen, but they will remain draggable in the Layers and Repository.
Special Cases
When the following options are set the drag-drop behaviour is affected.
| Name | Description | Example | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Prevent Dragging | To stop a component from being draggable on the screen canvas, in Component properties →
You can still move the component within the Layers panel. | Use Prevent Dragging to fix the header within the container so it cannot be accidentally moved from the top. | ||||||||||
Composite Component | To create a grouped layout the moves as a single component, in Component properties →
For information about creating and changing composite components, see Using Composite Components. | When you drag an attribute onto the screen canvas, PhixFlow creates a Composite Component, consisting of a label and a field. This component cannot be broken apart while it remains a Composite Component.
| ||||||||||
| Preferred Parent | Serene Grey palette components and layouts are configured with a preferred parent. When you drag a component on to the screen canvas, PhixFlow recognises a parent component and automatically puts the child component inside it. To configure a component as a preferred parent, use Component properties →
| The screenshot below shows a tile from the palette being dropped onto the canvas. PhixFlow highlights the preferred parent component with a blue outline to show this component can be a tile container. The cursor appears as a green circle with an arrow, to indicate you can drop the component here.
| ||||||||||
| Pinned | On the canvas, right-click a component to show its popup menu and select
|
