Apply constraints

Review of constraints (connection, box, clip path) definition and edition actions
This category contains 9 showcases

Play all Apply constraints showcases continuously

Bounding box constraint
Define a bounding box constraint between two objects a rectangle, ellipse or circle and another element
Bounding box constraint 

Showcase steps

  1. Select text
  2. Click Add a bounding box
  3. Edit rectangle properties
  4. Open Constraints panel
  5. Change margin property
  6. Add filter
  7. Move and resize the rectangle. The text position is updated by the constraint
  8. Change text size. The rectangle is updated by the constraint.
  9. Select ellipse
  10. Add (CTRL+click) the shape to the selection to apply a bounding box constraint to them
  11. Open Selection menu
  12. Click Constraints tab
  13. Click add bounding box constraint
  14. Select circle and symbol
  15. Click add bounding box constraint
  16. Move elements
Play
Chaining constraints
Chain constraints.
Constraints are propagated between objects.
Chaining constraints 

Showcase steps

  1. Text and circle are linked by a bounding box constraint
  2. Draw and connect lines between centers.Activate point capture.
  3. Select a circle and move it.
  4. Move a text
Play
Clipping constraints
Define clipping constraints
Clipping constraints 

Showcase steps

  1. Select circle to define as clip path to be applied to the image.
  2. Open selection menu
  3. Click constraints tab
  4. Click add clip constraint
  5. Move the circle.clipping is updated by the constraint.
  6. Select closed path to define as clip path to be applied to the image.
  7. Select the polygon to apply as clip path to multiple objects.
Play
Constraint connected points
Link points between objects with connect constraints.
Constraints are executed in background after each user action on impacted objects.
Constraint connected points 

Showcase steps

  1. Enable point capture to connect points when drawing objects.
  2. Enable point capture.
  3. Draw a triangle sharing points with the dashed polylines.
  4. Click on the blue highlight point to connect the triangle edge with it.
  5. Draw another connected triangle.
  6. The translation of the point is propagated to the connected objects by constraints.
  7. Connect an object's point by moving it near the connexion point.
  8. Click on the connexion point.
  9. Click properties to view constraints applied to the object.
  10. Select constraints tab.
  11. Constraints can be modified and removed
Play
Copy constraints
Shows how to copy constraints.
Copy constraints 

Showcase steps

  1. Text and circle are linked by a bounding box constraint
  2. Select circle and text to copy
  3. Copy them
  4. Select text
  5. Move text to see copied constraint in action
  6. Enable point capture to draw connected line between circle centers.
Play
Remove box constraints
Remove box constraints defined on an element by clicking on its bounding box
Remove box constraints 

Showcase steps

  1. Select framed text
  2. Move textCenters of text and rectangle coincide
  3. Click remove box constraint icon
  4. Click red box
  5. Undo moving text
  6. Undo removing constraint
Play
Remove clip path constraints
Remove clip path constraints defined on an element by clicking on its bounding box
Remove clip path constraints 

Showcase steps

  1. Select the element with a clip path definition
  2. Change its geometry to see the clipping in action
  3. Click remove clipPath definition icon
  4. Click on the red box to remove the clipPath definition
  5. Undo actions
  6. Select a clipped element
  7. Click remove clipPath apply constraint
  8. Click on the red box to remove the clipPath's application on the element.
Play
Remove connection constraints
Remove connection constraints on points of an element or between two elements by clicking on linked points
Remove connection constraints 

Showcase steps

  1. Select one element with connections
  2. Click remove connection constraintsto see connected points
  3. Move one connected point
  4. Click on the red pointto remove the constraint
  5. Move the point
  6. Undo actions
  7. Check connections
  8. Select two elements with connections
  9. Click remove connection constraints
  10. Click on the red pointto remove the common constraint
  11. Move the point
  12. Check connections
Play
Removing constraints
Remove constraints with properties dialog on elements and on saved file.
Undo removing constraints.
Removing constraints 

Showcase steps

  1. Select this line.Each point of the line is connected by a constraint.
  2. Move point to see constraints in action.
  3. Edit line properties
  4. Select Constraints tab
  5. Delete first constraint
  6. Delete second constraint
  7. Move point
  8. Undo move second point
  9. Undo move first point
  10. Undo remove second constraint
  11. Undo remove first constraint
  12. View constraints
  13. Removing constraints on saved file
  14. Select Options tab
  15. Enable remove constraint definitions.
  16. Constraint definitions have been removed from the code to be saved.Constraint are still defined in the edited document.
Play