Create an tabbed icon list template for the Content List Widget . The Content List widget is great for keeping everyone in your community updated on recent articles, upcoming events, key discussions, and more.
ArticleDefaultText,HomePageBlogsText,ITDefaultText,ForumPostForumText,EventDefaultText,GlobalCFIdeaText,FileHeaderText,PhotoAlbumHeaderH2Text,VideoDefaultHeaderText,HomePageWikiText
<div class="axero-widget axero-widget-entity-icon-list axero-widget-icon-list-with-tabs {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}" id="icon-tabs-{{WidgetID}}"> {{#if ShowWidgetHeader}} <div class="axero-widget-header"> <h3>{{{WidgetTitle}}}</h3> </div> {{/if}} <div class="nav-container"> <ul class="nav nav-tabs"> <li class="active"><a href="#icon-list-tabs-articles" id="icon-list-tab-articles" data-toggle="tab" >{{Resources.ArticleDefaultText}}</a></li> <li><a href="#icon-list-tabs-blogs" id="icon-list-tab-blogs" data-toggle="tab" >{{Resources.HomePageBlogsText}}</a></li> <li><a href="#icon-list-tabs-cases" id="icon-list-tab-cases" data-toggle="tab" >{{Resources.ITDefaultText}}</a></li> <li><a href="#icon-list-tabs-discussions" id="icon-list-tab-discussions" data-toggle="tab" >{{Resources.ForumPostForumText}}</a></li> <li><a href="#icon-list-tabs-events" id="icon-list-tab-events" data-toggle="tab" >{{Resources.EventDefaultText}}</a></li> <li><a href="#icon-list-tabs-files" id="icon-list-tab-files" data-toggle="tab" >{{Resources.FileHeaderText}}</a></li> <li><a href="#icon-list-tabs-ideas" id="icon-list-tab-ideas" data-toggle="tab" >{{Resources.GlobalCFIdeaText}}</a></li> <li><a href="#icon-list-tabs-photos" id="icon-list-tab-photos" data-toggle="tab" >{{Resources.PhotoAlbumHeaderH2Text}}</a></li> <li><a href="#icon-list-tabs-videos" id="icon-list-tab-videos" data-toggle="tab" >{{Resources.VideoDefaultHeaderText}}</a></li> <li><a href="#icon-list-tabs-wikis" id="icon-list-tab-wikis" data-toggle="tab" >{{Resources.HomePageWikiText}}</a></li> </ul> </div> <div class="axero-widget-content axero-widget-content-padded tab-content"> <div class="tab-pane active" id="icon-list-tabs-articles"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "Article")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> <div class="tab-pane" id="icon-list-tabs-blogs"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "Blog")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> <div class="tab-pane" id="icon-list-tabs-cases"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "Issue")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> <div class="tab-pane" id="icon-list-tabs-discussions"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "ForumTopic")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> <div class="tab-pane" id="icon-list-tabs-events"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "Event")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> <div class="tab-pane" id="icon-list-tabs-files"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "File")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> <div class="tab-pane" id="icon-list-tabs-files"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "File")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> <div class="tab-pane" id="icon-list-tabs-ideas"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "Idea")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> <div class="tab-pane" id="icon-list-tabs-photos"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "Photo")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> <div class="tab-pane" id="icon-list-tabs-videos"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "Video")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> <div class="tab-pane" id="icon-list-tabs-wikis"> <ul> {{#each Contents}} <li class='{{#if (compare EntityType "!=" "Wiki")}}hide{{/if}}'> <div class="entity-icon"> <i class="{{EntityIconCssClass}}"></i> </div> <div class="entity-title"> <a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a> </div> </li> {{/each}} </ul> </div> </div> {{#if ShowWidgetFooter}} <div class="axero-widget-footer"> {{{FooterHTML}}} </div> {{/if}} </div> <script> var myString = "#icon-tabs-" + {{WidgetID}}; //If articles are hidden, click the first visible tab if ($(myString).hasClass("no-articles")) { if ($(myString).hasClass("no-blogs")) { if ($(myString).hasClass("no-cases")) { if ($(myString).hasClass("no-discussions")) { if ($(myString).hasClass("no-events")) { if ($(myString).hasClass("no-files")) { if ($(myString).hasClass("no-ideas")) { if ($(myString).hasClass("no-photos")) { if ($(myString).hasClass("no-videos")) { if ($(myString).hasClass("no-wikis")) { } else $("#icon-list-tab-wikis").click(); } else $("#icon-list-tab-videos").click(); } else $("#icon-list-tab-photos").click(); } else $("#icon-list-tab-ideas").click(); } else $("#icon-list-tab-files").click(); } else $("#icon-list-tab-events").click(); } else $("#icon-list-tab-discussions").click(); } else $("#icon-list-tab-cases").click(); } else $("#icon-list-tab-blogs").click(); } </script>
/*Styles for the Icon List with Tabs template*/ .axero-widget-icon-list-with-tabs .nav-container {margin: 10px 0 0 10px;} .axero-widget-icon-list-with-tabs .nav-container ul.nav-tabs {border-bottom: none;} .axero-widget-icon-list-with-tabs .nav-container ul.nav-tabs li {padding-bottom:0px;} .axero-widget-icon-list-with-tabs.no-articles #icon-list-tab-articles {display:none;} .axero-widget-icon-list-with-tabs.no-blogs #icon-list-tab-blogs {display:none;} .axero-widget-icon-list-with-tabs.no-cases #icon-list-tab-cases {display:none;} .axero-widget-icon-list-with-tabs.no-discussions #icon-list-tab-discussions {display:none;} .axero-widget-icon-list-with-tabs.no-events #icon-list-tab-events {display:none;} .axero-widget-icon-list-with-tabs.no-ideas #icon-list-tab-ideas {display:none;} .axero-widget-icon-list-with-tabs.no-files #icon-list-tab-files {display:none;} .axero-widget-icon-list-with-tabs.no-photos #icon-list-tab-photos {display:none;} .axero-widget-icon-list-with-tabs.no-videos #icon-list-tab-videos {display:none;} .axero-widget-icon-list-with-tabs.no-wikis #icon-list-tab-wikis {display:none;}
By default, the widget displays all content types. You can exclude content types from the widget. Follow the steps below.
no-blogs no-videos
is requesting access to a wiki that you have locked: https://my.axerosolutions.com/spaces/5/communifire-documentation/wiki/view/80348/icon-list-with-tabs-template
Your session has expired. You are being logged out.