FusePoint Tab Search Documentation

Type: webpart

Overview

The FusePoint Tab Search web part enhances SharePoint search functionality with customizable tabs that redirect to specific search scopes or pages. It transforms standard search into a guided experience while maintaining flexibility for various redirection scenarios.

Features

Tabbed Interface - Multiple search destinations in one component
Custom Redirects - Configure each tab to specific URLs
Search Parameter Passing - Automatically includes search terms in redirects
Search Button Controls - Show or hide the search button
Button Color Settings - Configure button and button text colors with color pickers
Search Icon Toggle - Show or hide the magnifying-glass icon
Typography and Sizing - Configure font size and field height (Small, Medium, Large)
Smart Tab Visibility - If only one item exists in Manage Collection Data, the tab header is hidden
Flexible Deployment - Works with SharePoint or external destinations

How to Use

Adding the Web Part

Edit your SharePoint page
Select Add a Web Part from the ribbon
Choose FusePoint Tab Search from the gallery
Position it in your preferred location

Configuring Search Tabs

Each tab can be fully customized using the configuration panel:

Name - Label shown on the tab (e.g., "All", "Sites", "Files")
URL - Destination page to redirect to when the tab is used
Icon - Choose a visual icon for each tab (optional)
Open in New Tab - Choose whether to open the link in a new tab
Placeholder Text - Customize the search box placeholder for each tab
Show Search Button - Set to Yes or No
Button Color - Pick the button background color (defaults to primary)
Button Text Color - Pick the text color used on the search button
Show Search Icon - Set to Yes or No
Font Size - Adjust search input text size
Field Height - Choose Small, Medium, or Large
Click Save to apply your configuration

Note: To apply custom button colors, disable Use Primary Button first.

User Experience

Users select a tab based on what they want to search (e.g., Sites or Files)
Enter search keywords into the contextual box
Automatically redirected to the configured URL with parameters included
If only one Manage Collection Data item is configured, the tab header is hidden automatically

Customization Options

Tab Management - Add, rename, reorder or remove tabs
Conditional Tab Header - Hide tab header automatically when there is only one tab item
Show Search Button - Toggle search button visibility
Button Color Picker - Set search button background color
Button Text Color Picker - Set search button text color
Show Search Icon - Toggle magnifying-glass icon visibility
Font Size - Adjust text sizing for readability and design fit
Field Height - Use Small, Medium, or Large based on layout needs
Search Parameter Control - Append query terms automatically
Responsive UI - Optimized for mobile and desktop layouts

Benefits

Guided Search - Direct users to specific results based on context
Cleaner Layouts - Automatically simplifies UI when only one tab source exists
Brand Consistency - Match button and text colors with your site theme
Better Control - Admins can decide whether to show button and search icon
Accessible Sizing - Font size and field height options improve readability
Configurable and Reusable - Easily clone or repurpose for different departments

Conclusion

The FusePoint Tab Search web part improves search UX with configurable tabs and richer search box controls. With button visibility options, color pickers, icon toggles, and size settings, it provides both flexible styling and practical usability for different SharePoint page layouts.