Sidebar Redux

[Usiel]

Feb 12, 2014 15:29:15 GMT -8 Brian said:

Feb 12, 2014 15:14:14 GMT -8 Usiel said:

Excuse me. I have a Cbox with this. I do not like using the Shoutbox much as the Cbox gives me more options. Is there a way to make that cbox invisible to guests while using this Plug in? I ask because there was a way to do it in 4.5 but it seems to no longer work now.

What I tried to do is found Here

This should work.

<div id="cbox-hide">
    Cbox code goes here
</div>

<script type="text/javascript">
if(!proboards.data('user').is_logged_in)
    $('#cbox-hide').remove();
</script>

I'm sorry for coming back here but I found a bug of some sort.

The code works however it does not for hidden boards. I have certain boards guests cannot see which gives an error menu. Within this error menu whatever I have hidden using the code above (like the cbox) can be seen. Is there anyway to fix this?

[Brian]

Feb 17, 2014 20:48:11 GMT -8 Usiel said:

Feb 12, 2014 15:29:15 GMT -8 Brian said:

This should work.

I'm sorry for coming back here but I found a bug of some sort.

The code works however it does not for hidden boards. I have certain boards guests cannot see which gives an error menu. Within this error menu whatever I have hidden using the code above (like the cbox) can be seen. Is there anyway to fix this?

Got a link? I'll need an example.

[Usiel]

Brian Ordonez Yes I do.

http://narutoforumrp.proboards.com/board/154/template-index

[Brian]

Hmm... it looks like the variable it's dependent on just plain doesn't render on that page, Usiel.

Try using this instead:

<div id="cbox-hide" style="display: none;">
    Cbox code goes here
</div>

<script type="text/javascript">
if(proboards.data('user').is_logged_in)
    $('#cbox-hide').show();
</script>

[Usiel]

Oooooh excellent. This works great. Thank you very much.

[Panther]

Its me again, Brian,

So previously I asked you how to make the sidebar text change depending on what board you were in, and that works great =D so now I'm wondering if its possible to do something similar for the title bar for that box? If so, how would I do it?

Thanks in advance!!!!!

[Brian]

Feb 27, 2014 12:30:29 GMT -8 Panther said:

Its me again, Brian,

So previously I asked you how to make the sidebar text change depending on what board you were in, and that works great =D so now I'm wondering if its possible to do something similar for the title bar for that box? If so, how would I do it?

Thanks in advance!!!!!

Yo.

Change the list section of the code to this so that there's a title section to fill out as well for each listing.

// List each of your boards here, along with their HTML
// in this format, increasing the number as you go along
// boardNames[#] = { name: "Board Name", title: "Title goes here", content: "Stuff goes here" };
boardNames[0] = { name: "BOARD1", title: "Title", content: "<u>TEXT HERE</u>" };
boardNames[1] = { name: "BOARD2", title: "Title", content: "<u>TEXT HERE</u>" };
boardNames[2] = { name: "BOARD3", title: "Title", content: "<u>TEXT HERE</u>" };

Then find this line.

$('#boardcontent').html(boardNames[i].content);

Change it to this.

$('#boardcontent').html(boardNames[i].content).parents('.container').children('.title-bar').children('h2').html(boardNames[i].title);

[Panther]

Sweet!! Thanks again Brian!

[:~:Sarapha:~:]

Hello there!

I'm not sure if someone asked already, but I'm attempting to put tables in the header/footer of the plug in. While the tables are technically working, they aren't actually copying the border/fill colors like the containers of the sidetable. Right now they aren't showing any border or color other than the text.

Edit: I can manually put in the colors, but with having more than one skin available to the members of the site, I fear that sticking with just one color scheme will throw off the rest of the skins.

[Brian]

Hi, :~:Sarapha:~:.

Tables won't automatically inherit your forum's colors unless they use certain classes. This is the same as in v4 where most tables were constructed using the bordercolor class.

Here's an example of a container with a table that you can use that should inherit the colors on any theme.

<div class="container">
    <div class="title-bar"><h2>Title Goes Here</h2></div>
    <div class="content">
        <table class="list">
            <tr>
                <td>Table cell 1 contents</td>
                <td>Table cell 2 contents</td>
                <td class="last">Table cell 3 contents</td>
            </tr>
            <tr class="last">
                <td>Table cell 1 contents</td>
                <td>Table cell 2 contents</td>
                <td class="last">Table cell 3 contents</td>
            </tr>
        </table>
    </div>
</div>

Note the class="last" attribute in some of the elements. The last <td> in each row and the last <tr> in the table should have a class="last" attribute attached to them. This tells it not to add a right border to the end of the last cell and not to add a bottom border to the last row.

[:~:Sarapha:~:]

Bah! no wonder it wasn't working haha I kept going right back to the borderclass code. Thank you

[jok3r]

Nov 20, 2013 10:02:48 GMT -8 Brian said:

Perhaps this?

<script type="text/javascript">
$(document).ready(function(){
$('.container.v4news').insertBefore('#sidebarr-wrapper');
});
</script>

Hi Brian, it is me again!

The script above worked perfectly in my Main Header, just need something more  Been toying with a Shoutbox lately and want to align it before the sidebarr-wrapper as well.

When i change .container.v4news --to--> div.shoutbox.container.full It make things work for Shoutbox but i loose the V4 News Fader alignment.

So how can i get all three in the intended order?
V4 News Fader 1.1.1 > Shoutbox > Right Sidebar

[Brian]

Mar 9, 2014 12:40:18 GMT -8 jok3r said:

Nov 20, 2013 10:02:48 GMT -8 Brian said:

Perhaps this?

Hi Brian, it is me again!

The script above worked perfectly in my Main Header, just need something more  Been toying with a Shoutbox lately and want to align it before the sidebarr-wrapper as well.

When i change .container.v4news --to--> div.shoutbox.container.full It make things work for Shoutbox but i loose the V4 News Fader alignment.

So how can i get all three in the intended order?
V4 News Fader 1.1.1 > Shoutbox > Right Sidebar

Hard to tell without seeing your forum, but assuming you just want them vertical it would be:

<script type="text/javascript">
$(document).ready(function(){
$('.container.v4news').insertBefore('#sidebarr-wrapper');
$('.container.shoutbox').insertBefore('#sidebarr-wrapper');
});
</script>

[jok3r]

That worked thanks!
Just added it and made a template adjustment in the members themes

[grayellrpg]

Question - is there any way to have the sidebars not show up once in a thread, allowing the thread content to then have the full width of the board?