Use this widget type to display a collection of widgets. For each tab that you add to the widget, you can create an independent subwidget
. Tabbed-view widgets are useful when you have limited space or when you want multiple views of a data source.
Before you begin
Tabbed widgets must be deployed first
Tabbed widgets can contain many widget types. However, to include an existing widget on a tab, the widget must already be deployed to a mashup builder or be hosted on the web. To include an existing widget that is in the catalog, but not in the mashup builder, first add it to the mashup builder and then import it into a tab as an iWidget from the mashup builder. Another option is to make note of the widget type and the data sources that it uses, and then re-create it in a tabbed-widget tab.
Wiring tabbed-view container widgets
Tabbed-view widgets are containers that display the widgets that they contain. However they do not provide the ability to wire widgets together outside of the mashup builder. Also, while the contained widgets can be wired to other widgets in a mashup, the tabbed widget itself cannot be wired to other widgets. To wire the widgets within a container widget to other widgets, add the container widget to the mashup builder.
In the mashup builder, to add a wire to a subwidget, you can wire to or wire from the container widget. To select the event, use the tab number as a prefix to identify the subwidget, and then select the event. For example, for a feed reader widget on tab 2, wire an incoming URL to "Tab 2 Feed URL".
Wiring widgets in different tabs to one another is not supported.
About this task
Use the editors on the left to customize the widget. As you make changes, the results are refreshed in the widget on the right.
- On the Home:Catalog page, click Create and select New Widget.
- In the Widget Containers category, select Tabbed Widget Container and click Next.
- Resize the widget by selecting preset values, entering values in the input fields, or by dragging the lower-right corner of the widget.
- Create and configure each tab to include in a widget by doing the following:
- Click Add New Tab to add new tabs. You can rename the tab by double-clicking the tab. You can delete tabs by clicking the close icon close icon on the tab.
- For each tab, use the Select Tab Template menu to select the widget type to use on that tab. The options beneath the menu change depending on the widget type that you select.
- Create the widget for the tab using the options available.
For information about configuring each widget type, see the help topic for that widget type.
- Customize the header and footer of the widget by selecting one of the following options:
Customize the background and theme of the widget by selecting from the following options:
- Default Style: Select properties for the header or the footer. Some of the properties can be customized.
- Custom Content: Use a WYSIWYG editor to fully customize the header or the footer.
- None: Remove the header or the footer.
Select whether to include the Add To button in the lower-right corner of the widget. This button enables users to move the widget to different mashup environments, to bookmark the widget in Lotus® Connections, and other actions. See Adding widgets to other applications and sharing widgets.
Enter the details for how the widget is managed in the catalog. See Specifying the object details and registering the objectWhen you complete the prerequisites and unique steps to create an object, you must specify the details about the object. You must complete this step before the object can be registered in the catalog..
- Chromeless: Remove the header and footer from the widget and fill the widget with content only.
- Theme: Select a background color and a complementary text color for the widget.
- Solid Background: Remove the gradient background color from the widget and replace it with the solid color specified in the Theme selection.
- Background Image: Specify a background image to override the selected theme with an image.
Parent topic: Creating widgets in Mashup Center: imc3