Adding a + and - or icon to page breaks feature

I have two questions about the Page Break feature:

1) Is it possible to add a + to the right side of the page break toggle when closed and a - when opened?
2) Is it possible to not have the first page open automatically?

Thank you in advance.

.eth

Hi

I think the second option may not be possible without some changes to joomla core script, but the first option may be doable. Please tell me the url to the page where I will be able to see an example of page break.

Teitbite_

I will PM you the link.

Thanks!

Seth

Teitbite_

Have you, or will you have a chance to have a look at this issue in the next few days?

Kind Regards,

Seth

Hi

I should have asked for ftp access Right now I have nowhere to test it so it may not be accurate. Anyway please add this code to override.css and make sure override is enabled in template settings:

Code: Select all

.pane-sliders .panel h3.pane-toggler:before {
    content: "\f068";
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

.pane-sliders .panel h3.pane-toggler-down:before {
    content: "\f067";
}


Hi

Also I just got an idea about closing all of them, but I'm not 100% sure it will work. Try add this to /layout/blocks/head.php

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
if( $('h3.pane-toggler-down').size() > 0 ) {
$('.pane-down').attr('style','padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; opacity: 0; height: 0px;').addClass('pane-hide').removeClass('pane-down');
$('h3.pane-toggler-down').addClass('pane-toggler').removeClass(pane-toggler-down);
}
});})(jQuery)</script>


Hello!

That worked with a few tweaks.

Code: Select all

    .pane-sliders .panel h3.pane-toggler:before {
        content: "\f067 ";
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-family: FontAwesome;
        font-feature-settings: normal;
        font-kerning: auto;
        font-language-override: normal;
        font-size: inherit;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-synthesis: weight style;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        padding-right: 10px;
        float: right;
    }

    .pane-sliders .panel h3.pane-toggler-down:before {
        content: "\f068 ";
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-family: FontAwesome;
        font-feature-settings: normal;
        font-kerning: auto;
        font-language-override: normal;
        font-size: inherit;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-synthesis: weight style;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
       padding-right: 10px;
       float: right;
    }

Thank you! I will try the code for preventing the open next!

Hello again!

The script had no effect. I do see it in the page code now, but there is no change.

This is not as important to me as the icons were, so unless you feel the need for the challenge, no need to keep working on this one.

Thank you SO much for your help with the icons! You made me and my client very happy!

Seth

Hi

Looks like I've missed some chars. Try with this code:

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
if( $('h3.pane-toggler-down').size() > 0 ) {
$('.pane-down').attr('style','padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; opacity: 0; height: 0px;').addClass('pane-hide').removeClass('pane-down');
$('h3.pane-toggler-down').addClass('pane-toggler').removeClass('pane-toggler-down');
}
});})(jQuery)</script>


Hello again! I know it's been a year, but my client is having me work on the site for their annual conference again and is asking about not having the first page open by default. Is this something you might be interested in looking into again for me? The code you provided me above was not having an effect.

Seth

Hi

Of course, but You need to remind me the url to the page and send me an access to ftp, so I'll check the script myself and adjust it if needed.

Thank you! I will PM you the info.

Hi

Ok. I'm lost. You said the script I gave is not working, but I can see the slides which it was created for works just fine.

Also what do You mean about first page oppened by default. It's a home page, so where are You clicking that the site is not opening there ???