XF 2.2 Resource Manager Styling

Graham Smith

Active member
When a user visits our Resource Manager, they're presented with a page like this:
Screenshot 2021-03-12 at 14.57.35.jpg
Clearly, in the left column are the categories and the resources from all those categories are shown on the right.

What I'm trying to achieve is:

ie - it only shows the categories.
want to look.webp
How can I achieve this?
 

Attachments

  • want to look.webp
    want to look.webp
    27.8 KB · Views: 10
Last edited:
Edit the xfrm_overview template and remove all of the code related to inline mod, resources, and the sidenav, like so:

HTML:
<xf:title page="{$page}">{{ phrase('xfrm_resources') }}</xf:title>

<xf:macro template="metadata_macros" name="canonical_url"
    arg-canonicalUrl="{{ link('canonical:resources', null, {'page': $page > 1 ? $page : null}) }}" />

<xf:page option="searchConstraints" value="{{ {
    phrase('xfrm_resources'): {'search_type': 'resource'}
} }}" />

<xf:pageaction if="$xf.visitor.canAddResource()">
    <xf:button href="{{ link('resources/add') }}" class="button--cta" icon="write" overlay="true">{{ phrase('xfrm_add_resource...') }}</xf:button>
</xf:pageaction>

<xf:widgetpos id="xfrm_overview_above_resources" />

<xf:page option="sideNavTitle">{{ phrase('categories') }}</xf:page>
    <xf:macro template="xfrm_category_list_macros" name="simple_list_block"
        arg-categoryTree="{$categoryTree}"
        arg-categoryExtras="{$categoryExtras}" />

<xf:widgetpos id="xfrm_overview_sidenav" position="sidenav" />
 
In xfrm_overview template replace all content by this
HTML:
<xf:title page="{$page}">{{ phrase('xfrm_resources') }}</xf:title>

<xf:macro template="metadata_macros" name="canonical_url"
    arg-canonicalUrl="{{ link('canonical:resources', null, {'page': $page > 1 ? $page : null}) }}" />

<xf:page option="searchConstraints" value="{{ {
    phrase('xfrm_resources'): {'search_type': 'resource'}
} }}" />

<xf:pageaction if="$xf.visitor.canAddResource()">
    <xf:button href="{{ link('resources/add') }}" class="button--cta" icon="write" overlay="true">{{ phrase('xfrm_add_resource...') }}</xf:button>
</xf:pageaction>

<xf:widgetpos id="xfrm_overview_above_resources" />

<xf:page option="sideNavTitle">{{ phrase('categories') }}</xf:page>
    <xf:macro template="xfrm_category_list_macros" name="simple_list_block"
        arg-categoryTree="{$categoryTree}"
        arg-categoryExtras="{$categoryExtras}" />

<xf:widgetpos id="xfrm_overview_sidenav" position="sidenav" />
 
Top Bottom