of contents | Next | Previous
Example of creating a custom template
In this article, we discuss how to create a custom Quickr 8.1 template
within the Quickr J2EE 8.1 version.
Use Case for Creating the Knowledge Network Teamplace
Use Case: IBM. Senior managers want to have a virtual team ‘place' with
a standard layout. More specifically they wish for the Quickr teamplace to have
the following characteristics:
It must have a home page which contains a clear Welcome
message. The home page also needs to contain a Feed Reader and an Announcement.
The next page should have a wiki and a Feed Reader portlet.
Finally, there should be one page for Discussion Forums,
Library and Blogs.
The Feed Reader portlet should point to same feed that is
used for providing the initial seed content.
The customized Teamplace for this example is called the “Knoweldge Network”.
Step 1: Create the custom Teamplace ‘Knowledge Network'
To start with this case scenario, we begin by creating a custom teamplace
first. To create the custom teamplace, perform the following steps:
- First, we must create the place.
Figure 3: Creating a new Teamplace based on a custom
- There will be no pages within this new place with custom template and it
will ask you to create pages. Click on ‘click here to create a new
Figure 4: Example of the sample place “Knowledge Network”
Step 2: Create a welcome page for the Teamplace.
As a starting point for the Teamplace, we need to create a Welcome Page. The
theme and theme policy can be decided by administrators or you can use the
default Quickr theme.
Figure 5: Creating a welcome page for the new place
Step 3: Adding portlets to the page
After adding this page, we need to add portlets to this page. We can select
the portlets from a portlet catalog by performing the following steps:
Figure 6: Adding portlets to the page
- Click on Add portlets and select rich text
portlet from the menu. Click OK .
Figure 7: Adding the Rich Text Editing Portlet
- Add two more portlets on this page, namely the Announcements
and Feed Reader portlets .
Figure 8: Adding the Feed Reader portlet
Figure 9: Adding the Announcements portlet
- Click on Done and return to the Teamplace. You are now
presented with the Welcome Page where you need to write
content in rich text portlet and provide a feed url for the feed reader
- After adding a base amount of seed content, the Welcome Page within the
Teamplace should look like the figure below.
Figure 10: Example of the Welcome Page with sample content
Step 4: Adding a new page for the wiki and feed reader.
To create the new page for placing these portlets, perform the following
- Go to “customize” on a Teamplace and click on page--> Advanced
Figure 11: Customizing using Advanced Layout
- Create a new page.
Figure 12: Creating a new page within the teamplace
- Add both the Wiki and Feed
Reader portlets on this page.
Figure 13: Adding the Wiki portlet on the new page
Figure 14: Adding the Feed Reader portlet on the new page
- Return to the Teamplace.
Step 5: Adding a page for a discussion forum within the teamplace.
To add the page for hosting the discussion forum, perform the following
- Click on “customize” and select components. Select Discussion
Forum s from components provided on
Figure 15: Selecting the Discussion Forum component
- Add this as a new page with some name.
Figure 16: Adding a page to host the discussion forum
Step 6: Adding a library component.
- Similar to Step 5, click on “customize” and select components. Select the
Library component from components provided on the shelf.
Figure 17: Selecting the Library component
- Create the page for the Library component.
Figure 18: Creating the page for the library
Step 7: Adding the blog component
- Similar to the steps for adding the Discussion Forum and the Library
component, follow the same steps to add a Blog component.
- Click on “customize” and select components. Select the Blog
component from components provided on the shelf.
Figure 19: Selecting the Blog component
- Next, specify to add the blog to a new page and click OK.
Figure 20: Adding a new page for the blog component
At this point, we have added all the required pages and components to this
Teamplace, as shown in the figure below.
Figure 21: Illustration of the Knowledge Network Teamplace with all
Step 8: Save the Teamplace as a template
- Go to “customize” and then click on P roperties . Click
on Save Template .
Figure 22: Save as a template
- Provide a name for the new template
Figure 23: Naming the Application Template
- Once you have saved the template, you can see this new template as an
option to choose from when you create new Teamplace.
Figure 24: Once saved as a template, this appears as an option to
choose from when creating new Teamplace
Once you create a new Teamplace using this new, customized template and you
will experience the same features, layout and the seed content that was
established in the initial template.
Abstract - This article discusses how to create a custom Quickr 8.1 template within the Quickr J2EE 8.1 version.