UI.X width toggle class {{$uix_htmlClasses}} uix_page--{{$uix_pageWidth}} UI.X sidebar navigation toggle class {{$uix_htmlClasses}} sidebarNav--active UI.X sidebar toggle class {{$uix_htmlClasses}} uix_sidebarCollapsed {{$uix_htmlClasses}} uix_hasWelcomeSection SectionLinks Breakpoints --------- COMPONENT MARKUP MACROS --------- Markup for components can/should be added here in an XF:set if we want the components to have variably set locations --- main page tab bar ---

{{$content}} --- Sidebar trigger --- {{ phrase('th_sidebar_uix') }} {{ phrase('th_sidebar_uix') }} {$content} --- Search bar ---

{$content} --- whats new --- {{ phrase('whats_new') }} {$content} --- login tabs --- {{ phrase('register') }} {{ phrase('register') }} {$content} --- user tabs --- {$xf.visitor.username} {{ phrase('log_out') }} {$xf.visitor.username} {{ phrase('nav_inbox') }} {{ phrase('nav_alerts') }} {$content} {$content} --- Visitor tabs ---

--- Titlebar ---

{$headerHtml|raw}

{$h1}

{$description}

{$content} --- Sidebar ---

{$sidebarHtml}

{$content} --- Logo --- {$content} --- staff bar ---

uix_stickyBar">

--- add primary side staff bar content here ---

{{ phrase('approval_queue') }} {{ phrase('reports') }} {{ phrase('moderator') }} {{ phrase('admin') }} {{ phrase('admin') }} {{ phrase('moderator') }}

{$uix_htmlClasses} uix_responsiveStaffBar {$content} --- section links ---

{{$uix_htmlClasses}} uix_hasSectionLinks

--- UIX sidebar navigation ---

uix_stickyBodyElement">

Bookmarked threads

{{ $thread.title }}

Bookmarked nodes

{$node.renderIcon()|raw}{{ $node.title}}

{$uix_sidebarNavWidgets|raw}

{$content} --- Canvases ---

{{ phrase('whats_new') }} {$content} --- breadcrumb --- {{ count($breadcrumbs)|default(0) }} {{ $selectedNavEntry == null ? 0 : 1 }}

--- Top breadcrumb --- {$content} --- bottom breadcrumb --- {$content} ------ NOTICES --------- {{$content}} ------ FOOTER --------- {{$content}} ------ END COMPONENT MARKUP MACROS --------- -- moved to top to use in macros {$title} {$headTag}

-- Not currently supporting Sidebar navigation when page style is not covered ---

{$content}

{$content}

{{ phrase('menu') }} {{ phrase('menu') }}

{{ $uix_mobileActiveNav }} {$selectedNavEntry.title}

uix_stickyBar" data-top-offset-min="{{$uix_stickyStaffBarHeight}}" data-top-offset-max="{{$uix_stickyStaffBarHeight}}" data-top-offset-breakpoint="{{property('uix_viewportShowLogoBlock')}}"> {$navHtml|raw}

{$subNavHtml|raw}

uix_stickyBar" data-top-offset-min="{{$uix_stickyStaffBarHeight}}" data-top-offset-max="{{$uix_stickyStaffBarHeight}}" data-top-offset-breakpoint="{{property('uix_viewportShowLogoBlock')}}"> {$navHtml|raw} {$subNavHtml|raw}

{$navHtml|raw} {$subNavHtml|raw} {{$uix_headerExtra|raw }}

--- UI.X off canvas start ---

{{ phrase('menu') }}

{$xf.visitor.username}

{{ phrase('th_profile_uix') }}

{{ phrase('alerts')}}

{{ phrase('settings')}}

{$uix_sidebarNavWidgets|raw}

{{ phrase('menu') }}

{$xf.visitor.username}

{{ phrase('log_in') }}

{{ phrase('register') }}

UI.X Error

It appears that you do not have the UI.X Add-on installed. Please install this add-on to ensure your style works as expected. You can download the UI.X add-on here.

View Documentation

{{ $sideNavTitle ?: phrase('navigation') }}

{$sideNavHtml}

{$content|raw}

{{ phrase('top') }} {{ phrase('bottom') }}

{$ldJsonHtml|raw}

is-expanded">

data-menu="false" class="uix_sidebarNav__subNav subNav--expand">

<{$tag} {{ $nav.href ? 'href="' . $nav.href . '"' : '' }} class="{$class} {$nav.attributes.class}" {{ attributes($nav.attributes, ['class']) }} {{ $shortcut !== false ? 'data-xf-key="' . $shortcut . '"' : '' }} data-nav-id="{$navId}"> {{ $titleHtml ? $titleHtml|raw : $nav.title }} {$nav.counter|number}