shoutbox on custom page only

[Mike]

I need help with a custom page. Is it possible to show the shoutbox on a custom page only? if so how can do this?

[Retread]

Dec 4, 2020 13:13:56 GMT -8 Mike said:

I need help with a custom page. Is it possible to show the shoutbox on a custom page only? if so how can do this?

There are several different ways to accomplish this, including a modification of the Forum Wrapper layout template which would wrap the $[shoutbox] in an {if} so that it would only be present if the route name matched the route for the custom page.

But that's theme-specific. You would need to make that change on all themes on your forum.

Instead, I'd suggest a CSS solution. Enable the Shoutbox and make sure it displays on all pages of the forum. Then add this to your Global Header:
<style>
   /* Hide Shoutbox everywhere (place in Global Header) */
   .shoutbox.container{display:none;}
</style>
That will hide the shoutbox on all pages of the forum. It will still be present in the desired location but the CSS will not allow it to be displayed.



Then create a Custom Page. On the Visual Editor tab, add a widget (select HTML Box as the type of widget). Paste this into the HTML box:
<style>
   /* Show Shoutbox on Custom Page (place in HTML box) */
   .shoutbox.container{display:block;}
</style>
and Save it. This will take precedence over the CSS in your Global Header and allow the Shoutbox to display on the custom page.

You can also put some HTML within the same HTML box if desired, but as-is this will only show the shoutbox and any HTML you have in your Global Header and Global Footer.

[Mike]

Thanks Retread

[Nscalerr]

Another way, (which needs a basic mod on each theme) is to copy and paste the $[shoutbox] tag to the first line in the html tab of the custom page, then in the Forum Wrapper add <!-- --> each end of the $[shoutbox] so it changes to <!-- $[shoutbox] --> for each theme.