Forum Discussion

Hoekstra_VFZ's avatar
Hoekstra_VFZ
Advisor
4 years ago

Pagination instead of 'View more'

Hi, Recently the awesome design team of Khoros delivered our new communities. Now I am trying to getting to find my may around all the custom stuff. In this case I want to enable pagination instead...
  • kritikak's avatar
    kritikak
    4 years ago

    Hoekstra_VFZ You can try adding <component id="common.widget.pager"/> in the XML view of forum topic page and then hiding the existing "Load More" button with CSS. This would work.

    If you appreciate my efforts, please give me a kudo ↓
    Accept as solution to help others find it faster.

Hoekstra_VFZ's avatar
Hoekstra_VFZ
Advisor
4 years ago

Hi all,

The quick solution is the one kritikak came up with. Thanks!

This is the current quilt of ForumTopicPage:

 

<quilt layout="custom-two-column-main-side" nestable="false" disableTopCssClass="false">
  <add to="common-footer">
    <component id="quilt:Footer"/>
  </add>
  <add to="side-content">
    <component id="custom.related-content"/>
    <component id="custom.featured-post"/>
  </add>
  <add to="main-content">
    <component id="solution-count-conditional"/>
    <component id="solution-list"/>
    <component id="reply-count-conditional"/>
    <component id="message-list-detail-with-inline-editors"/>
    <component id="common.widget.pager"/>
  </add>
  <add to="common-header">
    <component id="quilt:Header"/>
  </add>
  <add to="main-top-content">
    <component id="topic-message"/>
    <component id="thread-pager"/>
  </add>
</quilt>

 

Note that I have added <component id="common.widget.pager"/> and that <component id="thread-pager"/> was allready present in main-top-content. But doesn't seem to do anything in main-content and in main-top-content (We have set threaded mode instead Linear modme on our topics).

Pagination is visible now! 😎 

The load more button will be removed in Css, and I will move some other stuff around. But now I have got something to work with.

I suspect <component id="thread-pager"/> is something depricated?

Would be intersted to know more about this one.