Sidebar Redux

[gb9454]

Thank you, Brian.

[gb9454]

I've been playing around with various settings, is there now a way to increase the space under the sidebars? Thank you.

[Brian]

Sept 17, 2020 1:03:16 GMT -8 gb9454 said:

I've been playing around with various settings, is there now a way to increase the space under the sidebars? Thank you.

You can manually specify a margin instead of using the class.

<div style="margin-bottom: 30px;">
    Your content here
</div>

[caladrius]

I installed this and it's working well. Only problem...

How do I enter line breaks and such to properly format the contents? Right now, it's just one stream of consciousness formatted text. It recognizes spaces, but that's about it.

LOL!

Anyone have basic text entry tips?

Update: Well, it seems I have to learn a little bit of HTML. The line breaks were easy. "<br>"

Also, it seems I already knew all the basics but didn't realize I knew all the basics just from my online posting experience. Now, I've got it formatted exactly the way I wanted.

[Brian]

Sept 22, 2020 12:04:15 GMT -8 caladrius said:

I installed this and it's working well. Only problem...

How do I enter line breaks and such to properly format the contents? Right now, it's just one stream of consciousness formatted text. It recognizes spaces, but that's about it.

LOL!

Anyone have basic text entry tips?

Update: Well, it seems I have to learn a little bit of HTML. The line breaks were easy. "<br>"

Also, it seems I already knew all the basics but didn't realize I knew all the basics just from my online posting experience. Now, I've got it formatted exactly the way I wanted.

Yep! The only prerequisite as far as entering content goes is some minor HTML knowledge.

HTML is thankfully pretty basic to the point where searching online for "html" followed by a basic description of the formatting you're looking for will typically yield results.

[gb9454]

Sept 17, 2020 13:43:30 GMT -8 Brian said:

Sept 17, 2020 1:03:16 GMT -8 gb9454 said:

I've been playing around with various settings, is there now a way to increase the space under the sidebars? Thank you.

You can manually specify a margin instead of using the class.

<div style="margin-bottom: 30px;">
    Your content here
</div>

Thank you, Brian.

[caladrius]

Is it possible for each board in my forum to get their own dedicated sidebar?

Let's say I have a forum and in the forum, I created Category A. Under Category A, I have boards A1 and A2. Each represents a separate fantasy football league, for example.

Is it possible for the admin to create:

1. a sidebar leaderboard for board A1 for the participants of the A1 league,
2. a separate leaderboard for board A2 for the participants of the A2 league, and
3. a separate general sidebar for the main homepage

[Brian]

Sept 26, 2020 12:27:53 GMT -8 caladrius said:

Is it possible for each board in my forum to get their own dedicated sidebar?

Let's say I have a forum and in the forum, I created Category A. Under Category A, I have boards A1 and A2. Each represents a separate fantasy football league, for example.

Is it possible for the admin to create:

1. a sidebar leaderboard for board A1 for the participants of the A1 league,
2. a separate leaderboard for board A2 for the participants of the A2 league, and
3. a separate general sidebar for the main homepage

It's possible, but would take a lot of coding to accomplish in the plugin's current state since it doesn't natively support it. For that reason I don't currently have an available solution for what you're looking for.

[caladrius]

Sept 28, 2020 11:03:19 GMT -8 Brian said:

Sept 26, 2020 12:27:53 GMT -8 caladrius said:

Is it possible for each board in my forum to get their own dedicated sidebar?

Let's say I have a forum and in the forum, I created Category A. Under Category A, I have boards A1 and A2. Each represents a separate fantasy football league, for example.

Is it possible for the admin to create:

1. a sidebar leaderboard for board A1 for the participants of the A1 league,
2. a separate leaderboard for board A2 for the participants of the A2 league, and
3. a separate general sidebar for the main homepage

It's possible, but would take a lot of coding to accomplish in the plugin's current state since it doesn't natively support it. For that reason I don't currently have an available solution for what you're looking for.

Thank you for replying.

if you happen to think of a solution, let me know. Right now, I’m thinking of just having all leaderboards in separate “boxes” on the sidebar. So, everyone sees everyone else’s leaderboard.

[novashanti]

Morning Brian

I'm not sure what I did wrong and as I am worried about messing up something really important by tinkering with it. It's just the sidebars aren't where I was hoping to have them. Link: fadingrealms.proboards.com/

Also I would like to have tabs in the sidebar for staff and other important info, but I wouldn't know where to start.

Any help is greatly appreciated!

[Brian]

Oct 4, 2020 7:51:49 GMT -8 novashanti said:

Morning Brian

I'm not sure what I did wrong and as I am worried about messing up something really important by tinkering with it. It's just the sidebars aren't where I was hoping to have them. Link: fadingrealms.proboards.com/

Also I would like to have tabs in the sidebar for staff and other important info, but I wouldn't know where to start.

Any help is greatly appreciated!

Based on how the plugin is supposed to work the sidebars are appearing in the expected location.

You'll need to find a code that produces tabs if you'd like tabs in the sidebar.

[bfras914]

Is it possible to have the sidebar appear on specific pages but not all pages?  I'm currently using the provided code from the original post to show the sidebar on the home page and hide it on every other page.  What I'd like to accomplish is to have the sidebar visible if you are on the 'Home' or 'Recent Threads' tab, but hidden on every other page.  

I'm not a complete beginner, but my coding skills are admittedly very rusty.  I've played around with the provided Global Header code a bit to see if I could get this to work, and nothing seems to do the trick.  Before I drive myself completely crazy, I figured I'd just ask the experts if what I'm trying to do is even possible.  Thanks in advance!

[Brian]

Oct 25, 2020 19:18:10 GMT -8 bfras914 said:

Is it possible to have the sidebar appear on specific pages but not all pages?  I'm currently using the provided code from the original post to show the sidebar on the home page and hide it on every other page.  What I'd like to accomplish is to have the sidebar visible if you are on the 'Home' or 'Recent Threads' tab, but hidden on every other page.  

I'm not a complete beginner, but my coding skills are admittedly very rusty.  I've played around with the provided Global Header code a bit to see if I could get this to work, and nothing seems to do the trick.  Before I drive myself completely crazy, I figured I'd just ask the experts if what I'm trying to do is even possible.  Thanks in advance!

Yeah, you can modify the code to serve as a whitelist. Each type of page on the forum has a route name assigned to it that you can reference using JavaScript. If you know how to access the browser console you can type pb.data('route').name into it to get the route name of the page you're currently looking at.

For the pages you cited this code should do what you want.

<script type="text/javascript">
    // Homepage-only Sidebar Redux
    (function() {
        var visibleSidebarRoutes = [
            'home',
            'recent_threads',
        ];

        var routeName = pb.data('route').name;
        var sidebarIsHidden = visibleSidebarRoutes.indexOf(routeName) === -1;
        if (sidebarIsHidden) {
            $('head').append('<style type="text/css">.sidebarr-left-td, .sidebarr-right-td { display: none; } .sidebarr-center-td { padding: 0 !important; }</style>');
            // Safari Browser Fix
            proboards.plugin.get('sidebar_redux').settings.left_enabled = 0;
            proboards.plugin.get('sidebar_redux').settings.right_enabled = 0;
        }
    })();
</script>

[bfras914]

Oct 26, 2020 10:53:15 GMT -8 Brian said:

Oct 25, 2020 19:18:10 GMT -8 bfras914 said:

Is it possible to have the sidebar appear on specific pages but not all pages?  I'm currently using the provided code from the original post to show the sidebar on the home page and hide it on every other page.  What I'd like to accomplish is to have the sidebar visible if you are on the 'Home' or 'Recent Threads' tab, but hidden on every other page.  

I'm not a complete beginner, but my coding skills are admittedly very rusty.  I've played around with the provided Global Header code a bit to see if I could get this to work, and nothing seems to do the trick.  Before I drive myself completely crazy, I figured I'd just ask the experts if what I'm trying to do is even possible.  Thanks in advance!

Yeah, you can modify the code to serve as a whitelist. Each type of page on the forum has a route name assigned to it that you can reference using JavaScript. If you know how to access the browser console you can type pb.data('route').name into it to get the route name of the page you're currently looking at.

For the pages you cited this code should do what you want.

<script type="text/javascript">
    // Homepage-only Sidebar Redux
    (function() {
        var visibleSidebarRoutes = [
            'home',
            'recent_threads',
        ];

        var routeName = pb.data('route').name;
        var sidebarIsHidden = visibleSidebarRoutes.indexOf(routeName) === -1;
        if (sidebarIsHidden) {
            $('head').append('<style type="text/css">.sidebarr-left-td, .sidebarr-right-td { display: none; } .sidebarr-center-td { padding: 0 !important; }</style>');
            // Safari Browser Fix
            proboards.plugin.get('sidebar_redux').settings.left_enabled = 0;
            proboards.plugin.get('sidebar_redux').settings.right_enabled = 0;
        }
    })();
</script>

Thanks so much!  I was SO close to the solution without asking you, but I had the route name wrong -  I had it as recent-threads instead of recent_threads.

I ended up with an even simpler solution than you suggested above, and it seems to be working perfectly.  I just took the Global Header code that you provided in your original post and changed the 3rd line to:

if(pb.data('route').name != "home" && pb.data('route').name != "recent_threads")

I absolutely love this plugin, by the way.  Our board just moved over from a different host site to ProBoards, and the most common complaint was that we no longer had a shoutbox on the right side, so this has been a life-saver.  Thanks again!

[Brian]

Oct 26, 2020 12:36:26 GMT -8 bfras914 said:

Oct 26, 2020 10:53:15 GMT -8 Brian said:

Yeah, you can modify the code to serve as a whitelist. Each type of page on the forum has a route name assigned to it that you can reference using JavaScript. If you know how to access the browser console you can type pb.data('route').name into it to get the route name of the page you're currently looking at.

For the pages you cited this code should do what you want.

Thanks so much!  I was SO close to the solution without asking you, but I had the route name wrong -  I had it as recent-threads instead of recent_threads.

I ended up with an even simpler solution than you suggested above, and it seems to be working perfectly.  I just took the Global Header code that you provided in your original post and changed the 3rd line to:

if(pb.data('route').name != "home" && pb.data('route').name != "recent_threads")

I absolutely love this plugin, by the way.  Our board just moved over from a different host site to ProBoards, and the most common complaint was that we no longer had a shoutbox on the right side, so this has been a life-saver.  Thanks again!

Ah, okay. If you only need to cover those two routes then that's a better solution!

And thanks!