The Status Bar and Selected Items
In the Appmint Editor panel, located beside the canvas, you'll find the Status Bar, a dynamic interface element that provides essential tools and information to enhance your editing experience.
Alongside the Status Bar, you'll also encounter selected items that offer additional context-specific options and functionalities. Let's delve into each component:
The Status Bar:
The Status Bar is a horizontal bar displayed at the bottom of the Editor panel. It offers quick access to various features and settings, empowering you to efficiently manage your design elements.
Here's a breakdown of the items found on the Status Bar:
Group Selection: Allows you to group selected elements together for simultaneous editing or manipulation.
Visual Aid: Provides visual guides or overlays to assist with alignment, spacing, and layout precision.
Select Help: Offers contextual assistance and tips related to the selected element or action.
Copy Style: Copies the styling properties of the selected element for easy application to other elements.
Paste Element: Pastes a copied or duplicated element onto the canvas.
Insert Copied Element: Inserts a copied element into the design space.
Clear Style: Removes all styling attributes from the selected element, reverting it to default settings.
Show Page Config: Displays configuration options for the current page, allowing you to adjust settings such as page size, orientation, and metadata.
Show Style: Reveals the style editor panel, where you can fine-tune the visual appearance of selected elements using CSS properties and values.
Show AI Assistance: Activates AI-powered assistance for design suggestions, optimizations, and workflow enhancements.
Show Animation Timeline: Opens the animation timeline for creating and managing animations applied to elements.
Show Page Tree: Provides a hierarchical view of the elements on the current page, facilitating navigation and organization.
Show Ruler: Displays rulers along the edges of the canvas to aid in measuring and aligning elements.
Show File Manager: Accesses the file manager for uploading, organizing, and managing media assets used in your project.
Show Asset Selection: Opens the asset selection panel, allowing you to choose images, icons, videos, and other assets to add to your design.
Show Align: Reveals alignment options for precisely positioning and aligning selected elements relative to each other or the canvas.
Add Item Link: Inserts a hyperlink element into the design space for creating clickable links to external URLs or internal pages.
Add Image Background: Sets an image as the background of the selected element or the entire page.
Put in Container: Wraps selected elements in a container for better organization and styling control.
Remove Container: Removes the container from around the selected elements, restoring them to their original state.
Selected Items:
When you select an element or group of elements on the canvas, additional options specific to the selected items may appear on the Status Bar.
These options provide context-sensitive actions and settings tailored to the selected elements, allowing you to perform tasks such as styling, positioning, grouping, and more.
The Status Bar and selected item options work in tandem to offer a comprehensive set of tools and functionalities, empowering you to create, customize, and refine your web design projects with precision and efficiency.
Happy building with Appmint!