Overview

Use Grid to display your content in tiled thumbnails. Each thumbnail can display your custom content, Joomla articles, or Joomla modules. Each card can have its own title and legend, and benefits from advanced theming and animations features.

 

Features

  • Custom text, glyph : in each thumbnail title
  • Custom html, Joomla article content, Joomla module : in each thumbnail body
  • Hover content in each thumbnail : custom html, Joomla article content, Joomla module
  • Links : Menu item/Joomla Article/Url
  • Width : responsive 1 to 12 by row/custom (px)
  • Horizontal spacing
  • Height : Content/Same height/Square/Custom (px)
  • Tabs align : Left/Center/Right
  • Vertical spacing
  • Thumbnail style : Template default/User patterns/Custom
  • Thumbnail padding
  • Thumbnail animated display effect (40+ effects) See more
  • Thumbnail animated hover effect See more
  • Thumbnail title position : Top/bottom/left/right
  • Thumbnail title width 1 to 12
  • Thumbnail title text alignment : Left/Center/Right
  • Thumbnail title text vertical alignment : Top/Middle/Bottom
  • Thumbnail title padding : horizontal - vertical
  • Thumbnail title tag : h1 to h6
  • Thumbnail title font settings : 300 fonts, size, colors, weight, spacing, capitalize See more
  • Thumbnail title glyph settings : position, size, colors
  • Thumbnail title glyph display effect (40+ effects) See more)
  • Thumbnail title glyph hover effect See more
  • Thumbnail title border settings : style, colors, custom sides, custom rounded corners See more
  • Thumbnail title border animated effectsSee more
  • Thumbnail title background settings : filling, colors, opacity, images. See more
  • Thumbnail title background animated effectsSee more
  • Thumbnail body default font settings : 300 fonts, size, colors, weight, spacing, capitalize See more
  • Thumbnail border settings : style, colors, custom sides, custom rounded corners See more
  • Thumbnail border animated effectsSee more
  • Thumbnail background settings : filling, colors, opacity, images. See more
  • Thumbnail body animated effectsSee more
  • Thumbnail shadow : style, always/hover
 

Panel features

This component has general features common to all panels. 

  • General border settings : style, colors, custom sides, custom rounded corners See more
  • General border animated effects : See more
  • General background settings : filling, colors, opacity, images. See more
  • General background animated effectsSee more
  • General shadow  : style, always/hover
  • Header position : top/bottom/left/right
  • Header align : left/center/right
  • Header paddings
  • Header style : default template tag (h1 – h6) or custom
  • Header font settings : 800 fonts, size, colors, weight, spacing, capitalize See more
  • Header glyph settings : position, size, colors
  • Header glyph animated effects : See more
  • Header stroke : style, position, width, color
  • Header border settings : style, colors, custom sides, custom rounded corners See more
  • Header border animated effects : See more
  • Header background settings : filling, colors, opacity, images. See more
  • Header background animated effects : See more
  • Header animated display effects : 40+ effects See more
  • Legend custom html
  • Legend display : always/Hover/Outside
  • Legend position : top/bottom/left/right
  • Legend default text align : left/center/right/justified
  • Legend paddings
  • Legend font : template default/custom
  • Legend font settings : 800 fonts, size, colors, weight, spacing, capitalize See more
  • Legend border settings : style, colors, custom sides, custom rounded corners See more
  • Legend border animated effects : See more
  • Legend background settings : filling, colors, opacity, images See more
  • Legend background animated effects.: See more
  • Legend animated display effects : 40+ effects See more

 

Common features

This component has general features common to all NGE UI components.

  • Alignment in page : left/center/right/justify
  • Width : content/custom (% or px) 
  • External margins
  • Animated display effects (40+ effects) See more
  • Hover effects See more
  • Patterns (custom patterns)
  • Extend background on the sides : Background/Content See more
  • Conditional display : users/levels/groups, menus/categories/articles/tags/components, date/time/month/day, smartphone/tablet/desktop/printer, language See more
  • 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