Designing Pages with Widgets

You can define the content and layout of Overview pages that you have rights to using widgets.

Spaces, projects, and groups become more inviting when you customize their overview pages to display the items members care about most. Depending on your overview page customization rights, you can easily get these pages to look the way you want to by using widgets that help you choose and arrange content. Each widget displays content of a particular kind — for example, HTML, recent content, or feed subscription results — in a box that you can drag into position on a page. After you publish the page, you can always come back and update its content or design. A complete reference to available widgets can be found here.

This topic offers a few ideas for designing pages with widgets. But the main idea is really very simple — once you get going, you'll find all kinds of uses for them.

Note: If you're a system administrator, you can remove widgets from the system through the admin console. In the console, go to System > Settings > Widgets.

To start customizing a page:

  1. Go to the Overview page for the place you want to customize and click Manage in the Actions menu. You'll see a layout screen with a set of widgets listed at the top and a layout view beneath it.
  2. (Optional) If you're connected to another community you're a member of, click the tab with that community's name to get a list of the widgets related to that community.
  3. In the widgets list, find widgets you want and drag them into the layout view. Drag a widget to the design
  4. Tailor a widget to your needs by clicking its Edit this widget link (it's under the little arrow in the widget's upper right corner).
    Set properties
  5. Click a layout to arrange your layout's columns. Choose layout
  6. If you want to remove any widgets, click the Remove this widget link (it's under the arrow in each widget's upper right corner)
  7. To save all your changes to the layout and make them visible to other users, click Publish Layout.