Jaidyn

Customer
@Russ, Can you share how you did the setup for the Staff Online widget? I love the tabs and would like to include something like that on our forum. 🐸

pe-experience.png
 

Russ

Pixel Exit Staff
You can add an HTML widget to the forum list: below nodes location using this html:

Code:
<div class="block block-dashtabs">        
    <h2 class="block-tabHeader tabs" data-xf-init="tabs" role="tablist">
        <span class="hScroller-scroll">
            <a class="tabs-tab tab-dash1"    id="tab-tester3" aria-controls="tab-tab1" role="tab"><xf:fa icon="fa-users fa-fw" /> {{ phrase('staff_online') }}</a>
            <a class="tabs-tab tab-dash2"    id="tab-tester" aria-controls="tab-tab2" role="tab"><xf:fa icon="fa-chart-pie fa-fw" /> {{ phrase('widget_def.forum_statistics') }}</a>
            <a class="tabs-tab tab-dash3"    id="tab-test" aria-controls="tab-tab3" role="tab"><xf:fa icon="fa-comment-alt-lines fa-fw" /> {{ phrase('new_posts') }}</a>
        </span>
    </h2>
    <ul class="tabPanes block-body">
        <li id="tab-tab1" role="tabpanel">
           <xf:widget key="forum_overview_members_online" />
        </li>
        <li id="tab-tab2" role="tabpanel">
           <xf:widget key="forum_overview_forum_statistics" />
        </li>
        <li id="tab-tab3" role="tabpanel">
            <xf:widget key="forum_overview_new_posts" />
        </li>
    </ul>
</div>
Should work out for you. Check the "advanced mode" at the bottom.
 

Jaidyn

Customer
One last question - where it states 'Display condition' and asks to enter a template-style expression - what should I put? I think I might be missing something because the HTML widget is showing a blank space under the header - even with the code copy/pasted as given...
 

Russ

Pixel Exit Staff
Nothing, the location should be set using the check boxes, forum list below nodes.
 

Jaidyn

Customer
That's where it's showing - but it's blank. I created the HTML widget and positioned it as you suggested. Still feel like I'm missing something because nothing is displaying (except the title):

be1.png be2.png be3.png
 

Russ

Pixel Exit Staff
Interesting.... Those other widgets down there, how are they added? Using the same position you're trying to set here?
 

Russ

Pixel Exit Staff
Cleared this up, just a heads up for anyone else running into this issue. Those widgets referenced in the code need to available and not deleted or else the widget won't show (even if one is deleted).
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.