Tabs
Tabs provide an effective way to organize content into distinct sections without requiring users to switch pages. However, avoid overusing tabs and keep tab headings concise, ideally just a couple of words.
In Social Pinpoint, the Tabs tool now includes enhanced functionality for mobile devices, where tabs are automatically converted into an accordion-style format, providing a seamless and user-friendly experience.
There's some great information in this article about tips and tricks on using tabs.
Using the Tabs Tool
- Begin each tab section with the 'Tabs Start' tool.
- Add your desired content tools (such as text, multimedia, or feedback tools) to each tab section.
- Complete the section by placing the 'Tabs End' tool to close the tabs group. This will ensure that all content is neatly organized within your tabs layout.
New Interface Highlight
- The tabs layout now adapts dynamically based on your settings.
💡NOTE: The new layout setting for the tabs is configured based on the first tab - it will apply it to all subsequent tabs automatically.
⚙️Settings
- Tab Heading - sets a heading title for the tab.
- Icon (optional) - text inserted into this field will be placed in front of the heading.
- Tooltip text (optional) - set text to display once a user hovers over the tab.
- Layout - Change tabs to accordion (vertical layout) according to screen size.
- Mobile (default for new tabs): Displays as tabs but switches to an accordion on screens 768px or smaller.
- Tablet - Displays as tabs but switches to an accordion on screens 1024px or smaller.
- Desktop - Always displays as an accordion.
- Never - Always displays as tabs, regardless of screen size.
🖼️Examples