Widgets

Developer

Phil Sturgeon

3rd Party (Free)

MIT License

EE Version Support

  • ExpressionEngine 2

Compatibility

If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

  • Updater
  • Multi Site Manager
  • Stand Alone Entry Form
  • Low Variables
  • Content Elements
  • Better Workflow
  • Matrix
  • Grid
  • Webservice
  • Publisher

Requirements

  • jQuery for the Control Panel

Add-On Type(s)

Module, Plugin

Tags

Widgets is a ExpressionEngine 2 module that allows even your least experienced client or to manage chunks of intelligent content on there site without needing to learn loads of tags, HTML or call you in to help.

Widgets is a ExpressionEngine 2.1 module that allows even your least experienced client or to manage chunks of intelligent content on there site without needing to learn loads of tags, HTML or call you in to help.

Widget Areas can be defined (header, sidebar, news page footers, etc) then Widget Instances can be added in. Available Widgets currently include HTML blocks, Twitter Feeds, RSS Feeds, Google Maps and Social Bookmarks, but more will be included with each release.

Installation

Move the “widgets/” folder inside “system/expressionengine/third_party/”.

Concepts

There are 3 types of data involved with the Widgets add-on:

  • Widgets: The actual types of widget available, i.e “RSS Feed” or “Google Map”
  • Widget Areas: Essentially a group of instances, which go in a certain place like “footer” or “sidebar”
  • Widget Instances: A type of widget, with specific data and assigned to an “area”

See it in action

 

Usage

To output a widget area - and therefor all of the instances associated, you can simply use the exp:area tag with the area slug mentioned.

{exp:area name="sidebar"}

If you want to customise the wrapping HTML for this widget area you can use double-tag syntax:

{exp:area name="sidebar"}
    <div class="widget {slug}">
        <h3>{instance_title}</h3>

        <div class="widget-body">
        {body}
        </div>
    </div>
{/exp:area}

That way instances will all be wrapped with different HTML and you could for example remove the instance title from displaying or change class names.

You can also call up instances on their own:

{exp:instance id="5"}

This is less usable and harder to understand when looking at it, but if you want to re-use a widget you can.

Widgets Links

This entry was created October 7, 2010, 1:06 pm.
This entry was last updated August 27, 2012, 4:20 am.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

Returns: devot:ee has a 30-day return policy on all commercial add-ons sold through devot-ee.com. If you need to return an add-on, do not go to the developer or the developer's site, but rather visit our returns page at https://devot-ee.com/returns to initiate your return. If you have questions, email support@devot-ee.com.

2 Reviews:

NumberKruncher 12.05.12

Rating - {addon_rating_average}

This is a fantastic little gem which makes it far easier to create and manage dynamic widget areas in site templates.

A fantastic framework for creating custom widgets for clients :-)

Thomas Boelskifte 09.29.12

Rating - {addon_rating_average}

The missing module!

Until EllisLab creates a way to handle theme & site settings (other than Global Vars) this great module makes it easy for editors and non-geeks, to choose wether to show a sidebar widget, edit footer text, choose how many tweets to show in the sidebar and so on.

Thanks Phil!