With the latest release of TeamPulse, we now offer the ability to significantly update the look and feel for the Ideas & Feedback Portal. This will allow you to brand the portal to seamlessly blend in with your own product branding, providing a more consistent user experience. The team has created two different mechanisms for customization. Based on customer feedback, the development team has created a new page that allows basic and advanced changes. This post will cover the basic customizations.
For reference, here is the default, “out of the box” portal. (Don’t worry, all of the data is fictitious).
Figure 1 – Standard Feedback Portal
To access the Portal customization page, simply click on “Settings” on the main menu, then “Portal Settings” on the submenu, and finally click the “Customize…” button on the “Manage Ideas & Feedback Portal Settings” screen.
Figure 2 – Accessing the customization page for the Feedback Portal
This will bring up the Customization page (shown below). The top half of the page allows for the most requested options (changes to the Portal’s colors, adding a custom logo, and removing the project title), and the development team has made it very simple to make these changes.
Figure 3 – Feedback Portal Customization Page
Let’s begin by adding your own logo to the site. To change the logo that is displayed, click on the “Select…” button in the middle of the page. This brings up a standard File Open dialog, where you can select your image. Please note the dimensions that the image will be resized to. For optimal quality, make sure your custom image is within the limits as stated.
Figure 4 – Feedback Portal with custom image applied
After selecting your image, you will be presented a check box that will allow you to “Hide project name”. By checking this checkbox, the project name will be removed from the portal.
Figure 5 – Options for hiding the project name
After removing the project name, the header will adjust accordingly, lining up the custom logo with the user avatar, as in Figure 6.
Figure 6 – Feedback Portal with Custom image applied and project name hidden
The Page background, Search background, as well as the links on the pages are all customizable. To enter new colors for these items, use the top part of the “Customize TeamPulse Ideas & feedback Portal” page. When entering colors, you can use either color names (e.g. blue, red, green) or the hex code (e.g. #FFFFFF) for the color you want to use. As you enter the color codes (or names), the images to the right of the text boxes will update to the color that you have entered, giving you a live preview of the result of the change.
The “Page background” is the right and left rail of the page as well as the footer below the page itself. The “Search background” is the bar that encases the search text box. Using the sample colors entered in Figure 7 will result in the page changes that are shown in Figure 8.
Figure 7 – Sample colors
Figure 7 – Sample colors applied
With just a few quick settings, we’ve been able to significantly alter to appearance of the Portal.
And here is your chance to get the portal for FREE. The company with most representatives at our R2 release webinar wins a TeamPulse Ideas & Feedback Portal license.
Philip Japikse is an international speaker, a Microsoft MVP, ASPInsider, INETA Community Champion, MCSD, CSM/ CSP, and a passionate member of the developer community. Phil has been working with .Net since the first betas, developing software for over 20 years, and heavily involved in the agile community since 2005. Phil also hosts the Hallway Conversations podcast (www.hallwayconversations.com) and serves as the Lead Director for the Cincinnati .Net User’s Group (http://www.cinnug.org). You can follow Phil on twitter via www.twitter.com/skimedic, or read his personal blog at www.skimedic.com/blog.
Subscribe to be the first to get our expert-written articles and tutorials for developers!