Button

 

Want effects ?
don't wait more!
 
 

Overview

The button widget is a fast way to create buttons with preset color patterns, or using all advanced features to customize your buttons. The button is composed of two zones of text, and a glyph. Custom border and backgrounds, effects, and tooltip.
 
Tip : to get more powerfull rendering, use the image widget or the panel widget on wich you can set links.
 

Features

  • Main text and second text
  • Glyph : 490 glyphs (see more)
  • Link : menu/article/url
  • Popover : article/module/image/custom html
  • Button preset style : default/bootstrap/flat or custom
  • Text align : left/center/right 
  • Height : content/custom
  • Shape : Rectangle/Square/Circle/ellipse
  • Padding : horizontal and vertical
  • Margin
  • Button maintext : Always/on Hover
  • Button second text : Always/on Hover
  • Button glyph : Always/on Hover
  • Font settings : 300 fonts, size, colors, weight, spacing, capitalize. See more
  • Glyph settings : size, colors, background shape and color, padding.
  • Border settings : style, colors, custom sides, custom rounded corners. See more
  • Background settings : filling, colors, opacity, images. See more
  • Background animated effects. See more
  • Shadow : style, always/hover
  • Popover style : trigger, effect, position, size
  • Popover header font : 300 fonts, size, colors, weight, capitalize. See more
  • Popover header background settings : filling, colors, opacity, images. See more
  • Popover border settings : style, colors, custom sides, custom rounded corners. See more
  • Popover background settings : filling, colors, opacity, images. See more
 

Common features

  • Alignment in page : left/center/right/justify
  • Width : content/custom (% or px) 
  • External margins
  • Animated display effects (40+ effects) See more
  • Hover effects
  • Patterns (custom patterns)
  • Conditional display : users/levels/groups, menus/categories/articles/tags/components, date/time/month/day, smartphone/tablet/desktop/printer, language
  • Edition permissions (content – select patterns – custom settings – display settings) See more

 

Inline editing

This component can be edited directly in front-end. See more
 

Development

Without coding : this component can be created 100% without coding and without technical knowledge. All features are configurable on the screen.
Override : all rendered code : html, css, js can be overriden (Joomla template override). See More
API : this component can be created in PHP in any Joomla content or module/component, using the internal API. See more