🚀 Display Elementor templates inside a sliding off-canvas panel
The Off Canvas Widget in Ansar Elements allows you to display Elementor templates inside a slide-in panel. It can be used for menus, contact forms, login forms, promotional content, widgets, or any custom Elementor section.
⚡ Quick Start
- Open any page using Elementor Editor
- Drag & drop the Off Canvas Widget
- Select an Elementor template
- Configure panel settings
- Style the widget according to your design
🎛️ Content Controls
📄 Template Settings
Choose the content that will appear inside the panel:
- Select Elementor Template
- Template Preview
- Update Template Selection
⚙ Off Canvas Settings
Control panel behavior and interaction:
- Panel Position (Left / Right / Top / Bottom)
- Trigger Type
- Open on Click
- Close Button
🔘 Trigger Button
Customize the panel trigger:
- Button Text
- Icon Selection
- Icon Position
- Alignment
🎨 Style Controls
🧱 Panel Layout
Customize the off-canvas container:
- Width
- Height
- Background
- Padding
- Border & Radius
- Box Shadow
🔘 Trigger Button
Customize button appearance:
- Typography
- Text Color
- Background
- Border
⚙ Close Button
Customize close button styling:
- Size
- Colors
- Background
💡 Pro Tip
Create reusable Elementor templates for contact forms, navigation menus, promotions, or newsletter sections, then display them inside the Off Canvas panel to keep your layout clean and organized.