Sidebar Redux

[Brian]

Dec 15, 2016 11:00:16 GMT -8 Mandoli said:

I don't know if this was asked before (so excuse me if it was already)...

I installed this on my forum, and the top container looks like it was done in Trebuchet font. It also appears to be spaced out essay-style. Any reason on why this is the case? And how do I fix that? Thanks.

Can you provide a link to the forum in question?

The sidebar containers don't use any of their own fonts. They're entirely reliant on your forum's existing styling.

[Mandoli]

gsparadise.proboards.com/forum

I'm using the default Verdana.

[Brian]

Mandoli : This is due to the fact that the ID you gave to the container is "welcome".

That ID already belongs to another object (your login/logout/register links) so it's adopting their styling based on your style sheet rules. You'll need to assign a different ID to that container or remove the ID from the container if you're not using the ID for anything.

[Mandoli]

Brian Ah, yes. Changed and fixed. Didn't think straight.

[jrj84105]

Is there a way to prevent the sideba from displaying on the posting page?
Thanks

[Brian]

Jan 16, 2017 22:51:44 GMT -8 jrj84105 said:

Is there a way to prevent the sideba from displaying on the posting page?
Thanks

Yes.

Use the homepage-only code found at the end of the first post in this thread, but change this line:

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

To this:

if(pb.data('route').name.match(/^(new_thread|edit_thread|new_post|edit_post|quote_posts|new_conversation|new_message|quote_messages)$/)) {

[jrj84105]

Thanks!
That really made more space when posting from iPhone.

[adm1n0]

Hi Brian ,

Thank you very much for creating this amazing plugin and giving so much helpfull support!
I've read many pages on this thread, but didn't find the answer to my question(s).

So hope you can help me here..

My test forum

1. Is it possible to hide the sidebar for guests, except the single one on top (welcome)?

2. If yes, I would like to add a message for guests in that box, but for members (when logged in) an other message will appear.

Something like:
- For members: "Welcome back {username}"
- For guests: "Please login or register to get access to all boards"

Thanks in advance for your time and help!

[Brian]

Jan 19, 2017 10:15:38 GMT -8 adm1n0 said:

1. Is it possible to hide the sidebar for guests, except the single one on top (welcome)?

I was really hoping that was gonna cut off after the word "guests" because that would've been much easier, but alas.

If you give an ID to the welcome container it's possible to make only that one show for guests. For example, if the ID is side-welcome you can use this in the plugin's header section:

<script type="text/javascript">
    if(!pb.data('user').is_logged_in)
        $('head').append('<style type="text/css">#sidebarr-right > .container { display: none; } #side-welcome { display: block !important; }</style>');
</script>

Jan 19, 2017 10:15:38 GMT -8 adm1n0 said:

2. If yes, I would like to add a message for guests in that box, but for members (when logged in) an other message will appear.

You can use Javascript to achieve this similar to how you're producing the display name in the existing message.

<div id="side-welcome-message"></div>

<script type="text/javascript">
$(document).ready(function(){
    if(pb.data('user').is_logged_in)
        $('#side-welcome-message').html("Logged in member message here");
    else
        $('#side-welcome-message').html("Guest message here");
});
</script>

[adm1n0]

Jan 19, 2017 10:26:25 GMT -8 Brian said:

If you give an ID to the welcome container it's possible to make only that one show for guests. For example, if the ID is side-welcome you can use this in the plugin's header section:

<script type="text/javascript">
    if(!pb.data('user').is_logged_in)
        $('head').append('<style type="text/css">#sidebarr-right > .container { display: none; } #side-welcome { display: block !important; }</style>');
</script>

This worked perfect!! TY!!

Jan 19, 2017 10:26:25 GMT -8 Brian said:

You can use Javascript to achieve this similar to how you're producing the display name in the existing message.

<div id="side-welcome-message"></div>

<script type="text/javascript">
$(document).ready(function(){
    if(pb.data('user').is_logged_in)
        $('#side-welcome-message').html("Logged in member message here");
    else
        $('#side-welcome-message').html("Guest message here");
});
</script>

When I put this in the message with your green lines it works perfect.
But when I want to link (for guests: to link to the register page) or use the code below (for the logged in message) the text is gone again?

Welcome back <span id="welcome-name">Username</span>!

<script type="text/javascript">
$(document).ready(function(){
$('#welcome-name').html(proboards.data('user').name);
});
</script>

[Brian]

adm1n0: This is due to the quotation marks you're adding within the span tag on this line.

$('#side-welcome-message').html("Welcome back <span id="welcome-name">Username</span>!");

They're causing the string to close early, which errors out the code. You can either escape these by adding a backslash before them or you can substitute the ones next to the parenthesis with apostrophes instead.

$('#side-welcome-message').html("Welcome back <span id=\"welcome-name\">Username</span>!");

$('#side-welcome-message').html('Welcome back <span id="welcome-name">Username</span>!');

[adm1n0]

Jan 19, 2017 11:23:14 GMT -8 Brian said:

adm1n0 : This is due to the quotation marks you're adding within the span tag on this line.
They're causing the string to close early, which errors out the code. You can either escape these by adding a backslash before them or you can substitute the ones next to the parenthesis with apostrophes instead.

That did it!!! Thanks so much for your help! All perfect now

[Quozzo]

Jan 31, 2017 7:32:58 GMT -8 @ssscadmin said:

(My signature links to my site.)

It just links to the current URL.

[Brian]

Jan 31, 2017 7:32:58 GMT -8 @ssscadmin said:

I have a drop-down list of important links in the 2nd box of my sidebar. I changed a couple of links, and now none of the boxes below that 2nd one are visible. (The other boxes appear if I disable the 2nd one.) Help?

(My signature links to my site.)

You'll need to perform the following changes to that container, since it contains malformed HTML.

- Remove every instance of </a> since they're all stray closing tags
- Add a closing </select> tag after the last </option> tag to close off the dropdown menu

[Former Member]

I know this may have been discussed before, but I am hoping someone could help me. I've been using the Sidebar Redux plugin to move my shout box to the right side of my forum's main page. The thing is that on all the other pages there is a big gap that reduces the width of the page contents
. Is there a way to make the Sidebar Redux plugin only work on my main page?