{{$uix_htmlClasses}} uix_hasBottomTabs 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_toggle_sidebar') }} {{ phrase('th_toggle_sidebar') }} {$content} --- Search bar ---
uix_search--submit uix_searchIcon">
{$content} --- whats new --- {{ phrase('whats_new') }} {$content} --- login tabs --- {{ phrase('register') }} {{ phrase('register') }} {$content} --- user tabs --- {$xf.visitor.username} {{ phrase('log_out') }} {$content} {$content} --- Visitor tabs ---
--- Titlebar ---
{$headerHtml|raw}

{$h1}
{$description}
{$content} --- Sidebar ---
{$sidebarHtml}
{$content} --- Logo --- {{ property('publicLogoUrl2x') ? base_url(property('publicLogoUrl2x')) . ' 2x' : '' }} {$content} --- staff bar ---
uix_stickyBar" data-xf-init="{{ property('uix_stickyStaffBar') ? 'sticky-header' : ''}}">
--- add primary side staff bar content here ---
{{ phrase('approval_queue') }} {{ phrase('reports') }} {{ phrase('admin') }}
{$uix_htmlClasses} uix_responsiveStaffBar {$content} --- section links ---
{{$uix_htmlClasses}} uix_hasSectionLinks
--- UIX sidebar navigation ---
{$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')}}" } ]
{{$content}} --- Canvases ---
{{ phrase('whats_new') }} {$content} --- breadcrumb --- {{ count($breadcrumbs)|default(0) }} {{ $selectedNavEntry == null ? 0 : 1 }}
    {{ $crumbContent }}
  • {$value} {$value}
    • --- Top breadcrumb --- {$content} --- bottom breadcrumb --- {$content} ------ NOTICES --------- {{$content}} ------ FOOTER --------- {{$content}} ------ END COMPONENT MARKUP MACROS --------- {$title} {$headTag}
    -- Not currently supporting Sidebar navigation when page style is not covered ---
    {$content}
    [ { "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}" data-xf-init="sticky-header"> {$navHtml|raw}
    {$subNavHtml|raw}
    uix_stickyBar" data-top-offset-breakpoints="{$uix_navOffset|for_attr}" data-xf-init="sticky-header"> {$navHtml|raw} {$subNavHtml|raw}
    {$navHtml|raw} {$subNavHtml|raw}     {{$uix_headerExtra|raw }}
    --- UI.X off canvas start ---

    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') }}
    {{ phrase('back') }}
    {$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}