Back to the Top

[sandy000]

Thanks Brian.

(triplew64 I had to remove that Smilie Plugin. It interfered with everything I tried to do on the board, moving the shoutbox-made smilies show up there instead of quick reply, removing last edit, back to the top etc... something isn't right with that Smilie Plugin and I haven't been able to get any support in that thread.)

[kpatch]

How come I can see and use Back to Top, but the members can't?

[moonbeam]

Do you have more than one theme? You have to do it on all of them, if so.

Editing to add, I can see it as a guest.

[kpatch]

Thanks again moonbeam. I forget that some functions are global and others are theme by theme. That did the trick.

[DeltaDart]

Jan 16, 2013 14:44:09 GMT -8 Brian said:

Structure > Layout Templates > Thread > Post List

Find this section of the code:

{if $[post.edited]}
    <div class="edited_by"><span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if}</div>
{/if}

And replace it with this:

<div class="edited_by">{if $[post.edited]}<span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if} - {/if}<a onclick="scroll(0,0);">Back to Top</a></div>

Beautiful Brian Ordonez  I made 2 minor mods to suit my personal 'visual' taste of having it appear below any Edited text.  I replaced the - with 2 breaks <br><br> and added brackets [ ] around the text Back to Top so it looks like this.

<div class="edited_by">{if $[post.edited]}<span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if} <br><br> {/if}<a onclick="scroll(0,0);">[Back to Top]</a></div>

I would still rather add a Back to Top button in the Action Bar via a Layout Template if you get the chance to show me.

Thanks Brian

[barnguy]

Thanks from us as well.
Worked just fine. This was one of the little things that bugged me about the change.

[skeeterdann]

It worked for me too.
Thanks everyone !!

[Brian]

Jan 24, 2013 12:06:34 GMT -8 toetapping said:

Brian my back to top is missing.

So it is. Just follow the instructions from my first post.

Jan 28, 2013 0:46:20 GMT -8 DeltaDart said:

Jan 16, 2013 14:44:09 GMT -8 Brian said:

Structure > Layout Templates > Thread > Post List

Find this section of the code:
And replace it with this:

Beautiful Brian Ordonez  I made 2 minor mods to suit my personal 'visual' taste of having it appear below any Edited text.  I replaced the - with 2 breaks <br><br> and added brackets [ ] around the text Back to Top so it looks like this.

<div class="edited_by">{if $[post.edited]}<span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if} <br><br> {/if}<a onclick="scroll(0,0);">[Back to Top]</a></div>

I would still rather add a Back to Top button in the Action Bar via a Layout Template if you get the chance to show me.

Thanks Brian

Structure > Layout Templates > Thread

Add the line in red to the appropriate section of the code.

    <div class="control-bar ui-helper-clearfix $[scroll_class]">
        <ul class="ui-pagination" style="float: right;"><li class="ui-pagination-page"><a onclick="scroll(0,0);">Back to Top</a></li></ul>
        $[search]
        <div class="controls">
            $[action_menu]
        </div>
        <div class="float-left">$[thread.icons]</div>
        $[pagination]
    </div>

[DeltaDart]

Jan 31, 2013 8:58:19 GMT -8 Brian said:

Structure > Layout Templates > Thread

Add the line in red to the appropriate section of the code.

    <div class="control-bar ui-helper-clearfix $[scroll_class]">
        <ul class="ui-pagination" style="float: right;"><li class="ui-pagination-page"><a onclick="scroll(0,0);">Back to Top</a></li></ul>
        $[search]
        <div class="controls">
            $[action_menu]
        </div>
        <div class="float-left">$[thread.icons]</div>
        $[pagination]
    </div>

Thanks Brian.

Another question: Where would I put this code to have the same buttons display on the Action Bar when I'm viewing Recent Posts?

[Speed33]

I think you removed the "Last Edited" section from your template.

In that case, place this directly under the line that says <td class="foot">:

<div class="edited_by"><a onclick="scroll(0,0);">Back to Top</a></div>

I might add if you want to use an image instead of text the code can be altered to look like this:


(Change the part in red)


<div class="edited_by"><a onclick="scroll(0,0);"><img src="URL OF IMAGE"></a></div>

And as seen here:

tdrftest.freemessageboards.com/thread/11/friday

[DeltaDart]

Jan 31, 2013 18:44:55 GMT -8 Speed33 said:

I think you removed the "Last Edited" section from your template.

In that case, place this directly under the line that says <td class="foot">:

<div class="edited_by"><a onclick="scroll(0,0);">Back to Top</a></div>

I might add if you want to use an image instead of text the code can be altered to look like this:


(Change the part in red)


<div class="edited_by"><a onclick="scroll(0,0);"><img src="URL OF IMAGE"></a></div>

And as seen here:

tdrftest.freemessageboards.com/thread/11/friday

No I still have that as part of adding "Back to Top" at the footer of each post along with the 'Edited by', and that shows up when checking "Recent Posts" as well.  But what doesn't appear in "Recent Posts" is the "Back to Top" in the scrolling Action Bar.  Only the Search field is there.  I'd like to add the Back to Top / Bottom buttons there also.

[aRMY83]

Hello Brian...

This is exactly what I've been looking for and now want to do the same for Back To Bottom within what I have here and need them on the same line, but with a space or two for placing images instead of text:

<td class="foot">
<div class="edited_by"><a onclick="scroll(0,0);">Back to Top</a></div>
<!-- {if $[post.edited]}
<div class="edited_by"><span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if}</div>
{/if} -->

Got the image part Speed and thanks for that:

<div class="edited_by"><a onclick="scroll(0,0);"><img src="URL OF IMAGE"></a></div>

As you can see, I have the Back to Top image and with your mod, how can I place a Back To Bottom image right beside it:

[kpatch]

Is there a way to put the back to top code into message threads? I have a couple members who I have lengthy conversations with. Should this be a separate thread question? Thank you.

[Willing Sniper]

What does the code with the image option look like in it's entirety and where does it go.

Nevermind

[aRMY83]

Feb 3, 2013 19:57:28 GMT -8 Willing Sniper said:

What does the code with the image option look like in it's entirety and where does it go.

Hello Willing Sniper...

This is what it would look like with both up and down: (option images)





The image above shows the placement of where they go.