Tabs Widget - HL Vanilla Community
<main> <article class="userContent"> <p>The Tabs widget is a great way to enhance a Discussion List widget by expanding it into a three-tab experience. The "tabbed" feature means that your <strong>Higher Logic Vanilla</strong> (<strong>Vanilla</strong>) community users can more easily access more community content.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/BEF7DNK2ZAL7/pasted-image-0-2823-29.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/BEF7DNK2ZAL7/pasted-image-0-2823-29.png" alt="pasted image 0 (23).png" height="1276" width="1834" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="setting-up-the-tabs-widget">Setting up the Tabs widget</h2><p>To use this widget in your site, you must add it via a Pocket.</p><p>To add and configure a Pocket:</p><p>1. Navigate to <strong>Dashboard > Settings > Pockets</strong>.</p><p>2. Click the <strong>Add Pocket</strong> button.</p><p>3. Specify a Name (e.g., <em>Tabbed Discussion List</em>) for your pocket.</p><p>4. Select <strong>Tabs Widget</strong> as the Type.</p><p>📝 <strong>NOTE</strong>: The <em>Content</em> section displays three content types and tab labels. (The defaults are Recent Discussions, Trending Discussions, and Announced Discussions.)</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/4E48UPCCS852/aug-31-2021-16-17-51.gif" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/4E48UPCCS852/aug-31-2021-16-17-51.gif" alt="Aug-31-2021 16-17-51.gif" height="684" width="1022" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>You can manage the content types, tab labels, and display options.</p><p>5. Hover on a tab row to display the <strong>Edit</strong> and <strong>Hide</strong> options.</p><ul><li>Click <strong>Hide</strong> to hide the tab.</li><li>Click <strong>Edit</strong> to choose a <em>content type</em> (discussion, question, idea) and/or specify a <em>tab label</em>.</li><li>Click <strong>Apply</strong>.</li></ul><p>6. Choose the number of entries to display in each tabbed list.</p><p>7. Click <strong>Save</strong>.</p><p>8. Click the <strong>Placement & Conditions</strong> tab to set those options as described in <a href="https://success.vanillaforums.com/kb/articles/19-pockets#working-with-pockets" rel="nofollow noreferrer ugc">working with pockets</a>.</p><h2 data-id="content-types-discussion-list-options">Content Types - Discussion List options</h2><p>You can choose from the following types of content to populate your tabbed lists.</p><p><strong>Newest Ideas</strong> - the ideas that were most recently added</p><p><strong>Trending Ideas</strong> - the ideas that have received the most votes and comments in the past week</p><p><strong>Newest Questions</strong> - the questions that were most recently added</p><p><strong>Unanswered Questions</strong> - the questions that were most recently added but which have not yet been answered</p><p><strong>Recently Answered Questions</strong> - the questions that were most recently answered</p><p><strong>Trending Discussions</strong> - the discussions that have received the most comments and positive reactions this week</p><p><strong>Top Discussions</strong> - the discussions that have received the most positive reactions this month</p><p><strong>Announced Discussions</strong> - all globally announced discussions</p><h3 data-id="got-a-content-type-suggestion">Got a content type suggestion?</h3><p>This widget is limited to the list of content types noted above.</p><p>If you have a suggestion for other content types, submit it in our <a href="https://success.vanillaforums.com/categories/product-ideas" rel="nofollow noreferrer ugc">Product Ideas category</a>.</p><h2 data-id="api">API</h2><p>It's <strong>not</strong> possible to filter for the above options with the API; this has to be filtered after pulling all discussions.</p> </article> </main>