- Joined
- Jun 24, 2019
- Messages
- 141
- Points
- 53
Reputation:
this is the thread tabs addon , looks like this:
addon name: https://enxf.net/resources/xfa-forum-list-tabs.1248/
but i want it like this (centered)
TEMPLATE:
how can i center the tabs?
for now is like this:
addon name: https://enxf.net/resources/xfa-forum-list-tabs.1248/
but i want it like this (centered)
TEMPLATE:
PHP:
<h2 class="block-tabHeader tabs hScroller xfa-forum-tabs"
data-xf-init="xfa-forum-tabs h-scroller"
data-panes=".js-ForumTabsContent"
data-state="replace"
role="tablist">
<span class="hScroller-scroll">
<xf:foreach loop="{$tabs}" value="{$tab}" i="$i">
<xf:if is="{$tab.type} == 'watched_threads'">
<a href="{{ link('watched/threads') }}"
class="tabs-tab"
role="tab"
aria-controls="newest" id="{{ $tab.getUrl() }}">
<xf:if is="{$tab.icon}"><i class="{$tab.icon}"></i></xf:if>
<span class="forum-tab-title">{$tab.title}</span>
</a>
<xf:elseif is="{$tab.type} == 'watched_nodes'" />
<a href="{{ link('watched/forums') }}"
class="tabs-tab"
role="tab"
aria-controls="newest" id="{{ $tab.getUrl() }}">
<xf:if is="{$tab.icon}"><i class="{$tab.icon}"></i></xf:if>
<span class="forum-tab-title">{$tab.title}</span>
</a>
<xf:else />
<a href="{{ $tab.type == 'nodes' ? '#' . $tab.getUrl() : link('forums/tab-show', null, {'tab_id':$tab.tab_id}) }}"
class="tabs-tab"
role="tab"
aria-controls="newest" id="{{ $tab.getUrl() }}">
<xf:if is="{$tab.icon}"><i class="{$tab.icon}" ></i></xf:if>
<span class="forum-tab-title">{$tab.title}</span>
</a>
how can i center the tabs?
CSS:
.tabs-tab {
display: block;
margin-left: auto;
margin-right: auto
}
for now is like this:
Last edited: