Sidebar Redux

[mikevaughang]

Can I have a sidebar collapsed by default?

[Brian]

Sept 3, 2015 7:34:15 GMT -8 mikevaughang said:

Can I have a sidebar collapsed by default?

Not through the settings, but it should be possible using Javascript.

[mikevaughang]

Sept 3, 2015 9:23:49 GMT -8 Brian said:

Sept 3, 2015 7:34:15 GMT -8 mikevaughang said:

Can I have a sidebar collapsed by default?

Not through the settings, but it should be possible using Javascript.

That's what I was afraid of, lol. 
My javascript knowledge is.. minimal. 

[Brian]

Sept 3, 2015 9:48:07 GMT -8 mikevaughang said:

Sept 3, 2015 9:23:49 GMT -8 Brian said:

Not through the settings, but it should be possible using Javascript.

That's what I was afraid of, lol. 
My javascript knowledge is.. minimal. 

You're in luck! This is actually a lot easier to make than I predicted.

This goes in your Global Header. If you want a certain container to be collapsed by default add its ID to the list at the beginning of the code below. Each entry must be separated by a comma and enclosed in quotation marks like the example IDs.

<script type="text/javascript">
    // Collapse certain sidebar containers by default
    $(document).ready(function(){
        // Your IDs go here:
        var sidebarrIDs = ["yourID1","yourID2","yourID3"];
        for(i=0;i<sidebarrC.length;i++)
            if(!localStorage['sidebarr_'+sidebarrIDs[i]])
                $('#'+sidebarrIDs[i]).addClass('collapsed').children('.content').first().hide();
    });
</script>

[mikevaughang]

Sept 3, 2015 10:42:57 GMT -8 Brian said:

Sept 3, 2015 9:48:07 GMT -8 mikevaughang said:

That's what I was afraid of, lol. 
My javascript knowledge is.. minimal. 

You're in luck! This is actually a lot easier to make than I predicted.

This goes in your Global Header. If you want a certain container to be collapsed by default add its ID to the list at the beginning of the code below. Each entry must be separated by a comma and enclosed in quotation marks like the example IDs.

<script type="text/javascript">
    // Collapse certain sidebar containers by default
    $(document).ready(function(){
        // Your IDs go here:
        var sidebarrIDs = ["yourID1","yourID2","yourID3"];
        for(i=0;i<sidebarrC.length;i++)
            if(!localStorage['sidebarr_'+sidebarrIDs[i]])
                $('#'+sidebarrIDs[i]).addClass('collapsed').children('.content').first().hide();
    });
</script>

You're a beautiful genius, sir. 

[Clannibal]

I'm not sure how to search the thread for my question, sorry if it's been answered a lot.

How do I change the height of each sidebar? Make them all the same general length with scrollbars?

I know the DIV function but when I change the height it doesn't provide a bar for scrolling down...

[Brian]

Sept 6, 2015 12:06:02 GMT -8 Clannibal said:

I'm not sure how to search the thread for my question, sorry if it's been answered a lot.

How do I change the height of each sidebar? Make them all the same general length with scrollbars?

I know the DIV function but when I change the height it doesn't provide a bar for scrolling down...

This should work if you place it at the bottom of Themes > Advanced Styles & CSS > Style Sheet or in your global header between <style> tags.

The number in green is your preferred height. Replace each instance of left with right if you want it done for the right sidebar instead.

#sidebarr-left > .container > .content,
#sidebarr-left > .container > .content-box { height: 300px; overflow: auto; }

[.:Nox:.]

Okay, so I feel like i'm just missing a bit of something, but I just updated the sidebar, and now the width of the sidebar isn't changing, no matter what I have it set on. It seems to be stuck at around 200px wide, though i had it set at 300. I have been playing with it, and even if I set it to lower, it still sticks to the around 200 wide. I tried making my board bigger, but nothing happened

when the sidebar is set to a different size, i can refresh the page and it works for a second before shifting back to the smaller size.

site: sabishiweyr.boards.net/

[Brian]

Sept 10, 2015 9:51:21 GMT -8 .:Nox:. said:

Okay, so I feel like i'm just missing a bit of something, but I just updated the sidebar, and now the width of the sidebar isn't changing, no matter what I have it set on. It seems to be stuck at around 200px wide, though i had it set at 300. I have been playing with it, and even if I set it to lower, it still sticks to the around 200 wide. I tried making my board bigger, but nothing happened

when the sidebar is set to a different size, i can refresh the page and it works for a second before shifting back to the smaller size.

site: sabishiweyr.boards.net/

You have two copies of the plugin enabled. Disable the one that you're not using and the settings should apply properly.

[.:Nox:.]

Sept 10, 2015 9:56:33 GMT -8 Brian said:

Sept 10, 2015 9:51:21 GMT -8 .:Nox:. said:

Okay, so I feel like i'm just missing a bit of something, but I just updated the sidebar, and now the width of the sidebar isn't changing, no matter what I have it set on. It seems to be stuck at around 200px wide, though i had it set at 300. I have been playing with it, and even if I set it to lower, it still sticks to the around 200 wide. I tried making my board bigger, but nothing happened

when the sidebar is set to a different size, i can refresh the page and it works for a second before shifting back to the smaller size.

site: sabishiweyr.boards.net/

You have two copies of the plugin enabled. Disable the one that you're not using and the settings should apply properly.

thank you. I knew it was something dumb XD

[peyn]

Hello Brian ,

I have a question, is there any way to make the side bar can be seen only on front page of the forum?
I mean, It will be only shown at the front page and If you on threads and other pages of the forums, it will not be shown.


Reply back

Thanks....

[sol9999]

Hi, I have a stupid question, I have Version 1.3.1 of this plugin - can I install the new one without loosing all my data? Thanks

[Brian]

Sept 11, 2015 17:29:24 GMT -8 peyn said:

Hello Brian ,

I have a question, is there any way to make the side bar can be seen only on front page of the forum?
I mean, It will be only shown at the front page and If you on threads and other pages of the forums, it will not be shown.

Yes. There's a code in the opening post of this thread that accomplishes that.

Sept 13, 2015 6:18:14 GMT -8 sol9999 said:

Hi, I have a stupid question, I have Version 1.3.1 of this plugin - can I install the new one without loosing all my data? Thanks

Yup! Any time you install a newer version of a plugin you had installed previously the forum will ask you if you wish to import your settings from the one you had installed.

[Red Panda]

Are there any problems using this on Apple's Safari browser? I have a member who can't access the sidebar links I have on my forum (oakleafholt.boards.net) and she says she's using Safari...not mobile, on an actual desktop.

[Brian]

Sept 14, 2015 0:03:08 GMT -8 Red Panda said:

Are there any problems using this on Apple's Safari browser? I have a member who can't access the sidebar links I have on my forum (oakleafholt.boards.net) and she says she's using Safari...not mobile, on an actual desktop.

There shouldn't be. The sidebar constructed using extremely basic HTML tags. However, there are several problems with the HTML you've added to each of your containers.

- Two different elements cannot have the same ID (you've given the ID sidetables to several elements)
- <align> is not a valid HTML tag
- Lines break tags should be <br />, not </br>
- Your links should have quotation marks around the URL in their href attribute
- Several of your images have a space before the = symbol of their height attribute
- <img> tags do not require closing </img> tags


Also if you'd like to clean it up a bit you can get rid of the tables and their related tags in each container. They don't really serve a purpose in their current state.