/
No results found. Try again with different words?
Search must be at least 3 characters.
- How to activate Ultimate Addons for Elementor license?
- How to Get License Key of Ultimate Addons for Elementor?
- About Beta Versions
- How to install the Ultimate Addons for Elementor plugin?
- Getting Started with Ultimate Addons for Elementor
- Enabling Automatic Beta Updates for UAE
- How Can I Upgrade the License?
- How to Update Ultimate Addons for Elementor Plugin?
- How to update any plugin manually through FTP?
- About Beta Versions
- How to Enable / Disable Widgets in UAE to Reduce Server Requests?
- How to White Label UAE?
- Getting Started with Ultimate Addons for Elementor
- UAE Saved Sections
- How to create Google API key in Google Maps Widget of UAE?
- White Screen /500 Error After Plugin Installation
- How to Increase the Memory Limit of your site?
- Unable to see the Font Awesome 5 Icons in UAE’s widgets?
Off-Canvas Widget
The Off-Canvas widget allows you to design a stunning off-canvas panel that can slide-in over your page. The off-canvas panel can be triggered with a button, text, image, icon or through any other widget. This panel can display content, menu, saved -sections/page/widgets.
Key features –
- The off-canvas panel can display – Content/ Menu / Saved Section / Saved Page / Saved Widget
- Trigger off-canvas content with – Button / Icon / Custom Class / Custom ID
- Off Canvas window width and position option (Left/Right)
- Off Canvas window appear effect (Slide/Push)
- Preview off canvas window in the backend
- Close Button style (icon, alignment, size, color)
- Off Canvas window background color and content spacing
Below are the settings available for Off-canvas Widget
Content Type
Under the Content tab, you will see two options –
- Preview: Enabling this option will give you a preview of the Off-Canvas so that you can see how it will appear in real time.
- Content Type: Choose what type of content you wish to display in the off-canvas window. available options are – Content (text, HTML) / Menu / Saved Section / Saved Page / Saved Widget
![](https://ultimateelementor.com/wp-content/uploads/2019/04/off-canvas-content-types.png)
OFF-CANVAS
Under Off Canvas tab you will see two options –
- Width: This allows you to control the width of the canvas. You can specify width in px and responsive devices with toggle.
- Position ( left/right ): Choose a direction off-canvas content should appear
- Appear Effect: Choose entry effect for the off-canvas window.
- Overlay Color: This will be applied to the rest of the window than off-canvas. It will help to highlight off-canvas window.
Canvas background color ans padding can be managed from Style tab > Off Canvas
![](https://ultimateelementor.com/wp-content/uploads/2019/04/off-canvas-panel.png)
Display Settings
Display settings will allow you to choose a trigger for canvas. You can display it on the click of a text, icon, button or any other element (with CSS class/ID).
![](https://ultimateelementor.com/wp-content/uploads/2019/04/off-canvas-triggers.png)
Button / Icon display settings offer a floating option. This will allow setting a floating button / Icon along the right or left edge of the browser. Below is the example of how it works –
![](https://d2ddoduugvun08.cloudfront.net/items/1C142K0R11380g3k0q3Z/Screen%20Recording%202019-04-18%20at%2002.17.23.94%20PM.gif)
Read how you can trigger a canvas from Menu Element or from another Elementor widget.
Close Button
You can customize the button that will close your canvas. You can set its size, position and related style of the close button.
Options to close popup on ESC Keypress and on Overlay Click are available.
![](https://ultimateelementor.com/wp-content/uploads/2019/04/off-canvas-close-button.png)
Was this doc helpful?
What went wrong?
We don't respond to the article feedback, we use it to improve our support content.
On this page