Page Builder Widgets | Communifire Documentation

Widgets are controls that you can drag into your page to build layouts. Each of these widgets is unique and allows you to perform a number of customizations, such as displaying lists of content, list of people, lists of spaces, rich text, raw html, iframes, etc.

Activity Widget 

Button Widget 

Content List Widget 

Dynamic Data Widget 

Dynamic Property Widget 

IFrame Widget 

People Widget 

Poll Widget 

Raw HTML Widget 

Rich Text Widget 

RSS Feed Widget 

Search Widget 

Section Widget 

Section Menu Widget 

Space List Widget 

Tag Cloud Widget 

What's New Widget 

How to Add an Icon to a Widget Header

You can add an icon to a widget header to represent the widget and provide visual interest.

Step 1: Identify which template the widget is using

1. Go to Control Panel > System > Page Builder.
2. Edit the page.
3. On the widget, click the gear icon > Edit Properties.
4. Click the Template tab.
5. Note the name of the selected template.
6. Click Cancel.
7. Click All pages.

Step 2: Edit the Page Builder template

1. Go to Control Panel > System > Page Builder Templates.
2. In the Widget Type menu, select the widget type.
3. Click the template.
4. In the editor, find {{{WidgetTitle}}} .
5. In front of {{{WidgetTitle}}} , add {{#if IconCSSClass}}<em class="{{IconCSSClass}}"></em> {{/if}}
   
6. Click Save Template.

Step 3: Select an icon for the widget

1. Click System > Page Builder.
2. Edit the Page Builder page.
3. On the widget, click the gear icon > Edit Properties.
4. Click Advanced.
5. In Icon, select an icon. Use the search to quickly find an icon.
6. Click Save Widget.
7. Click Publish changes.
8. Click Go to page.

Note: Once you've completed Step 2 for a certain template, you can add an icon to the widget header anytime you use that template, as detailed in Step 3. Step 2 only needs to be completed once per template.

Related

Design Resources 

Communifire makes it easy for you to customize your intranet to match your company's brand and culture. With Page Builder, CSS Overrides, and the navigation header builder, the possibilities are endless. This page provides guides and resources for making common design changes.

Homepage Ideas 

The homepage is the first thing people see when they visit your intranet or space. Find inspiration for your own homepage and space homepages with these sample homepages.

How to Add Infinite Scroll to a Content List Template 

Add infinite scroll to a Content List template to let people browse for more content without leaving the page.

How to Add an Image to a Page Builder Page 

Add an image to a Page Builder page using Dynamic Properties and a Dynamic Property Widget. The image can be used on multiple Page Builder pages. When you want to update the image, you only need to update the dynamic property in the Control Panel, and the image will be updated everywhere it appears.