Widgets

To define the type of content in template or page layout, you must insert a widget. Widgets are Percussion controls that enable you to include different types of data and information on your web pages without having to write any code. For example, the image widget lets you include an image on a page, and the breadcrumb widget automatically generates a page's path. Once a widget is added to a page or template, you can enter content by editing the content fields and configuration properties or by adding a shared asset to the widget.  

Widgets that ship with the Percussion CMS:

Archive List Widget

Archive description

Blog List Widget

Displays a list of blogs. See Designing Blog Templates for more information.

Blog Post Widget

Enables you to create a blog post. See Designing Blog Templates for more information.

Breadcrumb

Allows you to add breadcrumbs to a page. See Using Breadcrumbs for more information. 

Calendar

Enables you to add a calendar. See Creating Calendars for more information. 

Category List Widget

Displays a hierarchical list of categories.

Comments

Displays a list of comments submitted to the page. See Using Comments for more information. 

Comments Form Widget

Enables you to build a form for submitting comments. See Using Comments for more information.

Event

Displays information about an event. See Using Events for more information. 

File

Enables you to upload a file and create a text link to it. See Using the File Widget for more information. 

File Auto-List

Creates a list of files. See Using File Auto-Lists for more information. 

Flash

Enables you to upload a Flash file and display a movie on a page. See Using Flash for more information. 

Form widget

Enables you to create a form. See Using Forms for more information. 

HTML

Allows you to place an HTML fragment on a page. See Using the HTML Widget for more information. 

IFrame

Allows you to embed a fully-formed HTML page into a Percussion CMS page. See Using iFrames for more information. 

Image

Enables you to upload an image and display it on a page. See Using the Image Widget for more information. 

Image Auto-List

Creates a list of images. See Using Image Auto-Lists for more information. 

Like

Enables web visitors to "like" the page. See Using the Like Widget for more information. 

Navigation

Enables you to add navigation links to a page. See Configuring and Styling Navigation for more information. 

Page Auto-List

Creates a list of page links. See Using Page Auto-lists for more information. 

Polls

Enables you to add polls. See Using Polls for more information. 

Result Widget

Displays the results of a search.

Rich Text

Enables you to enter data in rich text format. See Using the Rich Text Widget for more information. 

RSS

Displays a list of external RSS Feeds. See Integrating RSS Feeds for more information. 

Share This

Enables submission of the selected page to various social networking sites.

Simple Text

Enables you to enter data in plain text format. See Using the Simple Text Widget for more information. 

Tag List

Displays a list of tags for selected pages.

Title Widget

Enables you to display the title for a page. See Using the Title Widget for more information. 

Example

The following is a simple example to demonstrate how you use widgets to build pages. In this example, the template includes breadcrumbs across the top, a paragraph in the center, and a line of plain text with company information on the bottom.

The breadcrumb widget automatically generates the page's path. In this case, you do not do any editing. When you open the simple text widget for editing, a plain text editor opens. You enter the company information into the plain text editor and save it. The information now appears on the template.

cuiwidgetwithcontent.gif 

To insert rich text into the page, you open the rich text widget for editing. A rich text editor opens. You can enter text, graphics, and links. You can also add formatting.

cuiWidgetrichtext.JPG


By positioning three types of widgets on your template, you have easily created a page that includes your choice of features and forms of content.

cuicustomIconPage.gif

Leave a comment

*
*