The Inspector Panel dynamically displays design options and settings for the canvas or selected objects when in Design mode in Flex. The Inspector Panel also lets you change canvas dimensions and add new Responsive variants to your experience.
Page Settings
The default options (and when nothing on the canvas is selected) in the Inspector Panel pertain to the general layout of the canvas, including:
Page title and setting
Change the canvas width and height
Add, remove, or edit responsive variants
Toggle the "Fully responsive" option
Adjust layout settings (Padding and Gap values)
Change background fill color
Selected Objects Settings
The options in the Inspector Panel will dynamically change depending on the type of object selected on the canvas. Listed below are common settings:
Alignment (When Position type is set to Absolute)
An object's alignment to its parent container when a single object is selected
Alignment between objects, when multiple objects are selected
Object States
Options to add, configure, reset, or delete Object States
Position
Options to set an object's position style, either Absolute or Stack
Constraints
Setting an object's vertical and horizontal constraints, or fixed position, in relation to its parent container (only when its position is set to Absolute)
Size
Options to add, configure, or delete an object's minimum/maximum widths and heights
Options to set and configure an object's width
Options to set and configure an object's height
Ability to rotate an object
Layout
For Sections and Groups, options to configure how internal content is laid out
Manually positioned (only when the internal content's position is set to Absolute)
Vertically stacked column (only when the internal content's position is set to Stack)
Horizontally stacked row (only when the internal content's position is set to Stack)
Grid (coming soon)
Vertical and horizontal orientations
Gap
Adding or removing space between (Stack-positioned) internal content
Padding
Adding or removing space between the borders of the Section or Group and its (Stack-positioned) internal content
Toggle whether (Stack-positioned) internal content responsively wraps with the Section or Group
Toggle whether (Absolute-positioned) internal content is clipped, or not visible, when it is outside of the Section or Groups border
Appearance
Blend modes
Opacity percentage
Hide Layer
Fill color (for shapes and text)
Background fill color (for groups)
Image editing
Text styles
Embed code (when using embedded content)
Layout (for groups)
Smart group toggle
Content Overflow toggle
Section Layout (When using Sections)
Essentially, the Inspector Panel is a vital component of Flex and is used during all aspects of creating content and setting up responsive layouts.