How to add block in the Sidebar?

rami7250 · Feb 25th 2018

I wonder, how can add block block in the Sidebar?

Also, how do i remove the "Display Options" block from the sidebar?

Thanks!

rami7250 · Feb 25th 2018

Here is my turn to answer:

Go to ACP -> Customizations -> Templates -> Search for "boardSidebar"

Or

Go to your FTP client. Novigate to the file /forum/templates/boardSidebar.tpl

Replace the following code:

Smarty

    <form id="sidebarContainer" method="post" action="{link application='wbb' controller='Board' object=$board}{/link}">
        {hascontent}
            <h2 class="boxTitle">{lang}wcf.label.label{/lang}</h2>
            
            <div class="boxContent">
                <dl>
                    {content}
                        {foreach from=$labelGroups item=labelGroup}
                            {if $labelGroup|count}
                                <dt>{$labelGroup->getTitle()}</dt>
                                <dd>
                                    <ul class="labelList jsOnly">
                                        <li class="dropdown labelChooser" id="labelGroup{@$labelGroup->groupID}" data-group-id="{@$labelGroup->groupID}">
                                            <div class="dropdownToggle" data-toggle="labelGroup{@$labelGroup->groupID}"><span class="badge label">{lang}wcf.label.none{/lang}</span></div>
                                            <div class="dropdownMenu">
                                                <ul class="scrollableDropdownMenu">
                                                    {foreach from=$labelGroup item=label}
                                                        <li data-label-id="{@$label->labelID}"><span><span class="badge label{if $label->getClassNames()} {@$label->getClassNames()}{/if}">{lang}{$label->label}{/lang}</span></span></li>
                                                    {/foreach}
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                    <noscript>
                                        {foreach from=$labelGroups item=labelGroup}
                                            <select name="labelIDs[{@$labelGroup->groupID}]">
                                                <option value="0">{lang}wcf.label.none{/lang}</option>
                                                <option value="-1">{lang}wcf.label.withoutSelection{/lang}</option>
                                                {foreach from=$labelGroup item=label}
                                                    <option value="{@$label->labelID}"{if $labelIDs[$labelGroup->groupID]|isset && $labelIDs[$labelGroup->groupID] == $label->labelID} selected{/if}>{lang}{$label->label}{/lang}</option>
                                                {/foreach}
                                            </select>
                                        {/foreach}
                                    </noscript>
                                </dd>
                            {/if}
                        {/foreach}
                    {/content}
                </dl>
                
                <script data-relocate="true">
                    $(function() {
                        WCF.Language.addObject({
                            'wcf.label.none': '{lang}wcf.label.none{/lang}',
                            'wcf.label.withoutSelection': '{lang}wcf.label.withoutSelection{/lang}'
                        });
                        
                        new WCF.Label.Chooser({ {implode from=$labelIDs key=groupID item=labelID}{@$groupID}: {@$labelID}{/implode} }, '#sidebarContainer', undefined, true);
                    });
                </script>
            </div>
        {/hascontent}
        
        {if $availableLanguages|count}
            <h2 class="boxTitle jsOnly">{lang}wcf.user.language{/lang}</h2>
            
            <div class="boxContent jsOnly">
                <dl>
                    <dt></dt>
                    <dd id="languageIDContainer">
                        <script data-relocate="true">
                            require(['WoltLabSuite/Core/Language/Chooser'], function(LanguageChooser) {
                                var languages = {
                                    {implode from=$availableLanguages item=_language}
                                    '{@$_language->languageID}': {
                                        iconPath: '{@$_language->getIconPath()|encodeJS}',
                                        languageName: '{@$_language|encodeJS}'
                                    }
                                    {/implode}
                                };
                                
                                LanguageChooser.init('languageIDContainer', 'languageID', {$languageID}, languages, undefined, true)
                            });
                        </script>
                        
                    </dd>
                </dl>
            </div>
        {/if}
        
        <h2 class="boxTitle">{lang}wbb.board.displayOptions{/lang}</h2>
        
        <div class="boxContent">
            <dl>
                <dt><label for="sortField">{lang}wbb.board.sortBy{/lang}</label></dt>
                <dd>
                    <select id="sortField" name="sortField">
                        <option value="topic"{if $sortField == 'topic'} selected{/if}>{lang}wbb.thread.topic{/lang}</option>
                        <option value="username"{if $sortField == 'username'} selected{/if}>{lang}wbb.thread.username{/lang}</option>
                        <option value="time"{if $sortField == 'time'} selected{/if}>{lang}wbb.thread.time{/lang}</option>
                        <option value="replies"{if $sortField == 'replies'} selected{/if}>{lang}wbb.thread.replies{/lang}</option>
                        {if MODULE_LIKE}<option value="cumulativeLikes"{if $sortField == 'cumulativeLikes'} selected{/if}>{lang}wcf.like.cumulativeLikes{/lang}</option>{/if}
                        <option value="views"{if $sortField == 'views'} selected{/if}>{lang}wbb.thread.views{/lang}</option>
                        <option value="lastPostTime"{if $sortField == 'lastPostTime'} selected{/if}>{lang}wbb.thread.lastPostTime{/lang}</option>
                        {event name='sortFieldOptions'}
                    </select>
                    <select name="sortOrder">
                        <option value="ASC"{if $sortOrder == 'ASC'} selected{/if}>{lang}wcf.global.sortOrder.ascending{/lang}</option>
                        <option value="DESC"{if $sortOrder == 'DESC'} selected{/if}>{lang}wcf.global.sortOrder.descending{/lang}</option>
                    </select>
                </dd>
            </dl>
            
            <dl>
                <dt><label for="filterByDate">{lang}wbb.board.filterByDate{/lang}</label></dt>
                <dd>
                    <select id="filterByDate" name="filterByDate">
                        <option value="1"{if $filterByDate == 1} selected{/if}>{lang}wbb.board.filterByDate.1{/lang}</option>
                        <option value="3"{if $filterByDate == 3} selected{/if}>{lang}wbb.board.filterByDate.3{/lang}</option>
                        <option value="7"{if $filterByDate == 7} selected{/if}>{lang}wbb.board.filterByDate.7{/lang}</option>
                        <option value="14"{if $filterByDate == 14} selected{/if}>{lang}wbb.board.filterByDate.14{/lang}</option>
                        <option value="30"{if $filterByDate == 30} selected{/if}>{lang}wbb.board.filterByDate.30{/lang}</option>
                        <option value="60"{if $filterByDate == 60} selected{/if}>{lang}wbb.board.filterByDate.60{/lang}</option>
                        <option value="100"{if $filterByDate == 100} selected{/if}>{lang}wbb.board.filterByDate.100{/lang}</option>
                        <option value="365"{if $filterByDate == 365} selected{/if}>{lang}wbb.board.filterByDate.365{/lang}</option>
                        <option value="1000"{if $filterByDate == 1000} selected{/if}>{lang}wbb.board.filterByDate.1000{/lang}</option>
                    </select>
                </dd>
            </dl>
            
            <dl>
                <dt><label for="filterByStatus">{lang}wbb.board.filterByStatus{/lang}</label></dt>
                <dd>
                    <select id="filterByStatus" name="filterByStatus">
                        <option value="">{lang}wcf.global.noSelection{/lang}</option>
                        <option value="read"{if $filterByStatus == 'read'} selected{/if}>{lang}wbb.board.filterByStatus.read{/lang}</option>
                        <option value="unread"{if $filterByStatus == 'unread'} selected{/if}>{lang}wbb.board.filterByStatus.unread{/lang}</option>
                        {if WBB_MODULE_THREAD_MARKING_AS_DONE && $board->enableMarkingAsDone}
                            <option value="done"{if $filterByStatus == 'done'} selected{/if}>{lang}wbb.board.filterByStatus.done{/lang}</option>
                            <option value="undone"{if $filterByStatus == 'undone'} selected{/if}>{lang}wbb.board.filterByStatus.undone{/lang}</option>
                        {/if}
                        <option value="closed"{if $filterByStatus == 'closed'} selected{/if}>{lang}wbb.board.filterByStatus.closed{/lang}</option>
                        <option value="open"{if $filterByStatus == 'open'} selected{/if}>{lang}wbb.board.filterByStatus.open{/lang}</option>
                        {if $board->getModeratorPermission('canReadDeletedThread')}
                            <option value="deleted"{if $filterByStatus == 'deleted'} selected{/if}>{lang}wbb.board.filterByStatus.deleted{/lang}</option>
                        {/if}
                        {if $board->getModeratorPermission('canEnableThread')}
                            <option value="disabled"{if $filterByStatus == 'disabled'} selected{/if}>{lang}wbb.board.filterByStatus.disabled{/lang}</option>
                        {/if}
                        {event name='filterByStatusOptions'}
                    </select>
                </dd>
            </dl>
        </div>
        
        <div class="boxContent">
            <div class="formSubmit">
                <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
                <input type="hidden" name="tagID" value="{@$tagID}">
            </div>
        </div>
    </form>

Display More

With the following:

Code

    <div id="sidebarContainer">
        
            <h2 class="boxTitle">Test</h2>
            
            <div class="boxContent">
            This is a test block
            </div>

    </div>

This will Remove the "Display Options" as well

LoveIsLove · Feb 25th 2018

Quote from rami7250

Go to ACP -> Customizations -> Templates -> Search for "boardSidebar"

Yes

Quote from rami7250

Or

Go to your FTP client. Novigate to the file /forum/templates/boardSidebar.tpl

NO. This will be overwritten anytime your style is overwritten either by an update or general system cache. You should avoid manual file edits.

rami7250 · Feb 25th 2018

Quote from LoveIsLove

Yes

NO. This will be overwritten anytime your style is overwritten either by an update or general system cache. You should avoid manual file edits.

I just saw i cant edit the templates. Even if i change CHMD for files to be on 777

How do i enable template edits?

JayOnRails · Feb 25th 2018

Check this out: Custom Templates

How to add block in the Sidebar?

Participate now!

Share

Tags