Sidebar Redux

[Water Crystals]

Jul 8, 2021 14:38:59 GMT -8 Brian said:

You have CSS near the beginning of Themes > Layout Templates > Home on that theme that's telling the page to make elements with the container class display as inline-block. Since that's the class used by each box in the sidebar the CSS is affecting their display since they normally display as block elements (the default for <div> elements).

Ahhh, thank you! I didn't realise it affected that too. The section needing it is being moved to the Sidebar anyway, so yeah removing that code caused no issues on my test theme. Turned out to be an easy fix.

Thanks for the help! 

[cromags21]

How do I remove the Sidebar from my custom pages?

it's moving the text on page over and now we have to use a scroll to see the right side of the text on page.

[Chris]

Sept 5, 2021 21:07:27 GMT -8 cromags21 said:

How do I remove the Sidebar from my custom pages?

it's moving the text on page over and now we have to use a scroll to see the right side of the text on page.

Hiding sidebar on specific pages

[Noche]

Hello

I have tried to search for my question but cant seem to find it.
Can I somehow add an overview over the PM/personal messages that the current user has and the unread ones?

I found the part where I could insert avatar and name, but my javascript skills are non-existent.

Best regards

[Brian]

Nov 3, 2021 13:00:30 GMT -8 Noche said:

Hello

I have tried to search for my question but cant seem to find it.
Can I somehow add an overview over the PM/personal messages that the current user has and the unread ones?

I found the part where I could insert avatar and name, but my javascript skills are non-existent.

Best regards

If something exists in the Forum Wrapper template you can move it into the sidebar using JavaScript.

<script type="text/javascript">
   $(function() {
       $('#sidebar-element-id').append($('#container-element-id'));
   });
</script>

In the case of your personal messages you can create a container with a unique ID in the Forum Wrapper template that holds all of that information, then the JavaScript would move that container into the sidebar element with the corresponding ID.

<div id="container-element-id">
   Your personal messages content here
</div>

If you're unfamiliar with how to create a container like this in the Forum Wrapper template I'd suggest asking how to create it in the Templates board.

[Murikov]

Hello guys

I am looking for a way to put a (regular) container just below the regular news bar and on top of the boards / content containers. I want to fill this container with a bit of text, and image and maybe a link to a current thread or post (the idea is to make it kinda like a "featured news" container).

Something like in the mock-up picture I attached to this post:

I saw that the Sidebar Redux plugin (which we already use for our glorious sidebar) also has a "Header/Footer" tab in which I can insert text right at the place that I had in mind. But in that tab there are no container or style settings like in the actual sidebars.

Does somebody has any advice on how to use that tab to put a clean container there? And where could I edit the styling of the container's text?

Attachments:

[Brian]

Nov 14, 2021 6:57:30 GMT -8 Murikov said:

Hello guys

I am looking for a way to put a (regular) container just below the regular news bar and on top of the boards / content containers. I want to fill this container with a bit of text, and image and maybe a link to a current thread or post (the idea is to make it kinda like a "featured news" container).

Something like in the mock-up picture I attached to this post:

I saw that the Sidebar Redux plugin (which we already use for our glorious sidebar) also has a "Header/Footer" tab in which I can insert text right at the place that I had in mind. But in that tab there are no container or style settings like in the actual sidebars.

Does somebody has any advice on how to use that tab to put a clean container there? And where could I edit the styling of the container's text?

All of the default containers on the forum as well as those created by this plugin use the same HTML. You can find it in this post:

support.proboards.com/post/5541650

It can be styled the same way as the other sidebar containers.

[bicho1980]

Hello to all guys, 
first thanks for all the help you guys give to the community.
Saying this, I'm very new at this, and I wanted to put the last threads and recent posts on the sidebar, but I'm not seeing able to do that, any help please?
If possible giving me steam by step and with an example because as I said I'm new on this and not being able to display what wanted to, thanks and sorry for this.

Any help please, thanks

best regards

[♞ Burke Knight ♞]

Hello, Brian

Forum: webmastershaven.proboards.com/
How can I clean up the shoutbox, as it seems to have bits hidden, like the time and the send button is almost out of the block.

[Brian]

Feb 5, 2022 3:37:32 GMT -8 ♞ Burke Knight ♞ said:

Hello, Brian

Forum: webmastershaven.proboards.com/
How can I clean up the shoutbox, as it seems to have bits hidden, like the time and the send button is almost out of the block.

This is because the shoutbox only allows 100px of height for its controls. Since you've placed it in the sidebar and it doesn't have enough width to accommodate its buttons it has to move them to another line, moving the Send button past the height of the controls container.

You can increase the width of the sidebar to accommodate the buttons or you can add CSS to the theme's style sheet to remove the height restrictions on that container.

.shoutbox_container.orientation-top,
.shoutbox_container.orientation-bottom {
    padding: 0;
}

.shoutbox_container > .shoutbox_form_container {
    position: static;
}

.shoutbox_form {
    height: auto;
}

[♞ Burke Knight ♞]

Brian , I would like to have the sidebar go under main content when on small screens. Is there a way to do this?

I have only one item in the sidebar, so there's no need to do for adding the id. The whole left sidebar to go under the main content on phones using desktop mode is what I want.

Thank you.

[Brian]

Mar 25, 2022 8:52:55 GMT -8 ♞ Burke Knight ♞ said:

Brian , I would like to have the sidebar go under main content when on small screens. Is there a way to do this?

I have only one item in the sidebar, so there's no need to do for adding the id. The whole left sidebar to go under the main content on phones using desktop mode is what I want.

Thank you.

The HTML layout of the sidebar isn't geared towards a responsive design so I don't think this would be possible without editing the source code of the plugin entirely. Sorry!

Most stuff I've made for v5 has lived by the philosophy of "this is my forum's width and smaller devices will have to deal with it." Working on ProBoards v6 has made me a lot more responsive-aware, so this plugin will be much more considerate of screen size in whatever form it comes back as.