sidebar redux question

[Teg]

Is there a way to keep the sidebar from showing up on your custom pages? tegdesigns.com    

[Teg]

Bunp

[RedBassett]

I feel like I saw a header/footer code for this? Let me see if I can dig that up…

[RedBassett]

Couldn't find the code, but try this in your global footer:

<script>
if (proboards.data('route').name == 'page') {
$('td.sidebarr-left-td, td.sidebarr-right-td').hide();
$('td.sidebarr-center-td').css('padding', 0);
}
</script>

[Teg]

That worked! Thanks so much

[RedBassett]

[projectroadrush]

Aug 12, 2013 21:33:17 GMT -8 RedBassett said:

Couldn't find the code, but try this in your global footer:

<script>
if (proboards.data('route').name == 'page') {
$('td.sidebarr-left-td, td.sidebarr-right-td').hide();
$('td.sidebarr-center-td').css('padding', 0);
}
</script>

In Admin Home> Structure> Headers & Footers> Global Header & Footer I added this code in the Footer text box and it worked great, when I changed the word 'page' to 'home'.  Thanks.  

But I'm wondering how to make it work for 2 custom pages (the Home and the About page) as well?  I tried a couple of things with no success, like adding 'about' behind the 'home', and, adding a second script (one script for each word).

If it's not possible I'll live

[Brian]

Try this.

<script type="text/javascript">
if(proboards.data('route').name == "page") {
if(proboards.data('route').params.page_id == "about" || proboards.data('route').name == "home") {
$('td.sidebarr-left-td, td.sidebarr-right-td').hide();
$('td.sidebarr-center-td').css('padding', 0);
}}
</script>

[projectroadrush]

hmm, didn't work. It removed the sidebar from the about page but it then showed up on the home page.
ATM I can live with the sidebar on the 'About' page, but that might change if I decide to add additional pages, so do appreciate the attempt.

[mistadouble]

i would also like the sidebar only on the forum part rather than it appearing on all my custom pages

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Jan 22, 2014 21:34:49 GMT -8 projectroadrush said:

hmm, didn't work. It removed the sidebar from the about page but it then showed up on the home page.
ATM I can live with the sidebar on the 'About' page, but that might change if I decide to add additional pages, so do appreciate the attempt.

<script type="text/javascript">

if(proboards.data('route').name == "page") {

if(proboards.data('route').params.page_id == "about") {

$('td.sidebarr-left-td, td.sidebarr-right-td').hide();

$('td.sidebarr-center-td').css('padding', 0);

}}

if(proboards.data('route').name == "home"){
$('td.sidebarr-left-td, td.sidebarr-right-td').hide();

$('td.sidebarr-center-td').css('padding', 0);

}
</script>

Try that modified version

[projectroadrush]

Thanks P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ that appears to have done the trick. Much appreciated.

[mistadouble]

what would i have to add to the revised script to cover multiple custom pages?

it works for the home and 1 custom page but i will have many custom pages

Thanks in advance for your time

[Brian]

Jan 26, 2014 11:44:25 GMT -8 mistadouble said:

what would i have to add to the revised script to cover multiple custom pages?

it works for the home and 1 custom page but i will have many custom pages

Thanks in advance for your time

Duplicate the bit in green below every time you need to add another custom page ID. Substitute about with the ID of the custom page you're adding to it.

<script type="text/javascript">
if(proboards.data('route').name == "page") {
if(proboards.data('route').name == "home" || proboards.data('route').params.page_id == "about") {
$('td.sidebarr-left-td, td.sidebarr-right-td').hide();
$('td.sidebarr-center-td').css('padding', 0);
}}
</script>

Here's an example if I were to add the page ID rules to it to show what it would look like after adding it.

SPOILER: Click to show

<script type="text/javascript">
if(proboards.data('route').name == "page") {
if(proboards.data('route').name == "home" || proboards.data('route').params.page_id == "about" || proboards.data('route').params.page_id == "rules") {
$('td.sidebarr-left-td, td.sidebarr-right-td').hide();
$('td.sidebarr-center-td').css('padding', 0);
}}
</script>