Skip to main content

Documentation: YOOtheme Elements

Edit Joomla article Element

(Joomla only!)

Adds a frontend edit button for Joomla articles, visible only to users with the correct editing permissions. This button allows quick access to the article editor directly from the website. The button’s style, size, and width can be fully customized to match your site design. You can place this button anywhere on the page and this button removes the floating YOOtheme default button on the bottom right. It's only visible for users with edit-rights. 

In YOOtheme builder or templates you can Select new elements to create your pages. 
In this popup you will see the Joomill Extensions section with all available elements.

yootheme elements

Select the Edit Button element.

empty content

Content Tab

Style

Select the style of the button.
You can choose from:
- Default
- Primary
- Secondary
- Danger
- Text
- Link
- Link Muted
- Link Text

Size Set the size of the button.
You can choose from:
- Small
- Default
- Large
Full Width Select if you would like to show the button full width
Menu Item ID Set the menu item ID for the edit page. I use this for example to make the edit page compatible with https://obix.nl/en/joomla/joomla-extensions-by-obix/front-end-edit-helper

 

 empty content

Settings Tab

Visibility Choose where you would like to show the empty element.
You can choose from:
- Show Always
- Visible Small (Phone Landscape)
- Visible Medium (Tablet Landscape)
- Visible Large (Desktop)
- Visible X-Large (Large Screens)
- Hidden Small (Phone Landscape)
- Hidden Medium (Tablet Landscape)
- Hidden Large (Desktop)
- Hidden X-Large (Large Screens)
Text Alignment Set the alignment of the button.
You can choose from:
- Left
- Center
- Right
- Justify
Text Alignment Breakpoint Change the alignment on a selected screen width.
Text Alignment Fallback Set the alignment fallback of the button.
You can choose from:
- Left
- Center
- Right
- Justify

Demo

editarticle