Move "Reply" in Quick Reply

[jok3r]

I would like to do it as it is shown in the image. How can this be done?

In detail:
Move "Reply" out of it's current place and create a box on the right of "Post Quick Reply"
Change the text "Reply" to "More Reply Options"

Thanks in advance

[Smangii]

Sure thing! Just go to Themes > Layout Templates > Thread > Quick Reply

...and replace that entire template with the following:


<div class="container quick-reply">
<div class="title-bar">
<ul class="controls"><!--<li>$[reply_button]</li>--></ul>
<h2>Quick Reply</h2>
</div>
<div class="content cap-bottom">
$[form.header]
{if $[form.created_by_guest_name.input]}
<div class="guest_name">
<label>Guest Name:</label>
$[form.created_by_guest_name.input]
</div>
{/if}
<div class="message">
$[form.message.input]
</div>
$[captcha]
       $[form.post.button] <a class="button" href="$[reply_button.href]">More Reply Options</a>
$[form.footer]
</div>
</div>


[jok3r]

Thanks for the Quick Reply


Installed it but decided to leave the original "Reply" link, changes on the 3rd line of the code:

<div class="container quick-reply">
<div class="title-bar">
<ul class="controls"><li>$[reply_button]</li></ul>
<h2>Quick Reply</h2>
..................

Reason is when i hit my new button "More Reply Options" the text i have already write is been removed while with the old "Reply" link the text stays during the switch. So i keep both for now.

Unless there is way to make "More reply Options" button behave like "Reply" link in top-right. (?)

[Smangii]

Oh I think I found a way!

Simply add this red part:

<a class="button reply-button" href="$[reply_button.href]">More Reply Options</a>

[jok3r]

Thanks! It is perfect now

[Smangii]

Awesome! You're very welcome.