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 --- Sidebar trigger --- {{ phrase('th_sidebar_uix') }} {{ phrase('th_sidebar_uix') }} {$content} --- Search bar ---
uix_search--submit uix_searchIcon">
{{ phrase('search') }}
{{ phrase('everywhere') }} {$constraintName}
{{ phrase('by:') }}
{{ phrase('member')|for_attr }}
{{ phrase('advanced_search...') }}
{{ phrase('everywhere') }} {$constraintName}
{{ phrase('by:') }}
{{ phrase('member') }}
{{ phrase('th_advanced_uix...') }}
{$content} --- whats new --- {{ phrase('whats_new') }} {$content} --- login tabs --- {{ phrase('log_in') }}
{{ phrase('log_in') }} {{ phrase('log_in') }} {{ phrase('log_in') }} {{ phrase('register') }} {{ phrase('register') }} {$content} --- user tabs --- {$xf.visitor.username} {{ phrase('log_out') }} {$xf.visitor.username}
{{ phrase('loading...') }}
{{ phrase('nav_inbox') }}
{{ phrase('conversations') }}
{{ phrase('loading...') }}
{{ phrase('show_all...') }} {{ phrase('start_new_conversation') }}
{{ phrase('nav_alerts') }}
{{ phrase('alerts') }}
{{ phrase('loading...') }}
{{ phrase('show_all...') }} {{ phrase('preferences') }}
{$content} {$content} --- Visitor tabs ---
--- Titlebar ---
{$headerHtml|raw}
{$h1}
{$description}
{$content} --- Sidebar ---
{$sidebarHtml}
{$content} --- Logo ---
{$xf.options.boardTitle}
{{ property('uix_logoText') }}
{$xf.options.boardTitle}
{$content} --- staff bar ---
uix_stickyBar">
--- add primary side staff bar content here ---
{{ phrase('approval_queue') }} {{ phrase('reports') }} {{ phrase('moderator') }}
{{ phrase('moderator_tools') }}
{{ phrase('approval_queue') }} {{ phrase('reports') }}
{{ phrase('admin') }} {{ phrase('admin') }} {{ phrase('moderator') }}
{{ phrase('moderator_tools') }}
{{ phrase('admin') }} {{ phrase('approval_queue') }} {{ phrase('reports') }} {{ phrase('approval_queue') }} {{ phrase('reports') }}
{$uix_htmlClasses} uix_responsiveStaffBar {$content} --- section links ---
{{$uix_htmlClasses}} uix_hasSectionLinks
--- UIX sidebar navigation ---
uix_stickyBodyElement">
{{ phrase('th_profile_uix') }}
{{ phrase('alerts')}}
{{ phrase('settings')}}
{$uix_sidebarNavWidgets|raw}
{$content} --- UIX main tab component --- [ { "breakpoint": "0", "offset": "0" } ,{ "breakpoint": "{{ property('uix_staffBarBreakpoint')|escape('json') }}", "offset": "{{property('uix_stickyStaffBarHeight')|escape('json')}}" } ,{ "breakpoint": "0", "offset": "{{property('uix_stickyStaffBarHeight')|escape('json')}}" } ,{ "breakpoint": "0", "offset": "{{property('uix_stickyNavHeight')|escape('json')}}" } ,{ "breakpoint": "{{ property('uix_viewportWidthRemoveSubNav')|escape('json') }}", "offset": "{{(property('uix_stickySectionLinkHeight'))|escape('json')}}" } ]
uix_stickyBar" data-top-offset-breakpoints="{$uix_mainTabsOffset|for_attr}">
{{$content}} --- Canvases ---
{{ phrase('whats_new') }} {$content} --- breadcrumb --- {{ count($breadcrumbs)|default(0) }} {{ $selectedNavEntry == null ? 0 : 1 }}
{{ $crumbContent }}
{$value}
--- Top breadcrumb --- {$content} --- bottom breadcrumb --- {$content} ------ NOTICES --------- {{$content}} ------ FOOTER ---------
{$xf.style.title}
{$xf.language.title}
{{ phrase('contact_us') }}
{{ phrase('terms_and_rules') }}
{{ phrase('privacy_policy') }}
{{ phrase('help') }}
{{ phrase('home') }}
{{ phrase('rss') }}
{{ phrase('extra_copyright') }}
{{$content}} ------ END COMPONENT MARKUP MACROS --------- -- moved to top to use in macros {$headTag}
-- Not currently supporting Sidebar navigation when page style is not covered ---
{$content}
{$content}
{{ phrase('menu') }} {{ phrase('menu') }}
{{ $uix_mobileActiveNav }} {$selectedNavEntry.title}
[ { "breakpoint": "0", "offset": "0" } ,{ "breakpoint": "{{ property('uix_staffBarBreakpoint')|escape('json') }}", "offset": "{{property('uix_stickyStaffBarHeight')|escape('json')}}" } ,{ "breakpoint": "0", "offset": "{{property('uix_stickyStaffBarHeight')|escape('json')}}" } ]
uix_stickyBar" data-top-offset-breakpoints="{$uix_navOffset|for_attr}"> {$navHtml|raw}
{$subNavHtml|raw}
uix_stickyBar" data-top-offset-breakpoints="{$uix_navOffset|for_attr}"> {$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') }}
--- BLOK page background decor ---
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" rel="nofollow">
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}
