• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 How do I swap the positions of the Reply and Multi Quote links in the QuoteSelected Tooltip?

Stuart Wright

Well-known member
#1
I think the Reply link (renamed to Quote) should be first (on the left) and the Multi Quote should be second (on the right). How to I swap their positions, please?
Do I have to alter the Javascript? If so where is that, please?
Thanks
 

Amaury

Well-known member
#2
Template: post

Find:

Code:
<xen:if is="{$canReply}">
                    <xen:if is="{$xenOptions.multiQuote}"><a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-messageid="{$post.post_id}"
                        class="MultiQuoteControl JsOnly item control"
                        title="{xen:phrase toggle_multi_quote_tooltip}"><span></span><span class="symbol">{xen:phrase multiquote_add}</span></a></xen:if>
                    <a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-postUrl="{xen:link posts/quote, $post}"
                        data-tip="#MQ-{$post.post_id}"
                        class="ReplyQuote item control reply"
                        title="{xen:phrase reply_quoting_this_message}"><span></span>{xen:phrase reply}</a>
                </xen:if>
Switch it around like so:

Code:
<xen:if is="{$canReply}">
                    <a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-postUrl="{xen:link posts/quote, $post}"
                        data-tip="#MQ-{$post.post_id}"
                        class="ReplyQuote item control reply"
                        title="{xen:phrase reply_quoting_this_message}"><span></span>{xen:phrase reply}</a>
                    <xen:if is="{$xenOptions.multiQuote}"><a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-messageid="{$post.post_id}"
                        class="MultiQuoteControl JsOnly item control"
                        title="{xen:phrase toggle_multi_quote_tooltip}"><span></span><span class="symbol">{xen:phrase multiquote_add}</span></a></xen:if>
                </xen:if>
 

Stuart Wright

Well-known member
#3
Template: post

Find:

Code:
<xen:if is="{$canReply}">
                    <xen:if is="{$xenOptions.multiQuote}"><a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-messageid="{$post.post_id}"
                        class="MultiQuoteControl JsOnly item control"
                        title="{xen:phrase toggle_multi_quote_tooltip}"><span></span><span class="symbol">{xen:phrase multiquote_add}</span></a></xen:if>
                    <a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-postUrl="{xen:link posts/quote, $post}"
                        data-tip="#MQ-{$post.post_id}"
                        class="ReplyQuote item control reply"
                        title="{xen:phrase reply_quoting_this_message}"><span></span>{xen:phrase reply}</a>
                </xen:if>
Switch it around like so:

Code:
<xen:if is="{$canReply}">
                    <a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-postUrl="{xen:link posts/quote, $post}"
                        data-tip="#MQ-{$post.post_id}"
                        class="ReplyQuote item control reply"
                        title="{xen:phrase reply_quoting_this_message}"><span></span>{xen:phrase reply}</a>
                    <xen:if is="{$xenOptions.multiQuote}"><a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-messageid="{$post.post_id}"
                        class="MultiQuoteControl JsOnly item control"
                        title="{xen:phrase toggle_multi_quote_tooltip}"><span></span><span class="symbol">{xen:phrase multiquote_add}</span></a></xen:if>
                </xen:if>
Thank you, but that swaps the buttons (which I have already done), not the QuoteSelected Tooltip
 

Sheldon

Well-known member
#4
@Stuart Wright are you looking to do this?

Screenshot_2.png
Code:
.ReplyQuote.item.control.reply.QuoteSelected {
    float: left;
}
.MultiQuoteControl.JsOnly.item.control.QuoteSelected {
float: right;
}
That gets the image above.
 

Stuart Wright

Well-known member
#5
@Stuart Wright are you looking to do this?

View attachment 110428
Code:
.ReplyQuote.item.control.reply.QuoteSelected {
    float: left;
}
.MultiQuoteControl.JsOnly.item.control.QuoteSelected {
float: right;
}
That gets the image above.
Many thanks.
I added some margin to tidy it up
Code:
.ReplyQuote.item.control.reply.QuoteSelected {
    float: left;
    margin-right: 5px;
}
.MultiQuoteControl.JsOnly.item.control.QuoteSelected {
    float: right;
    margin-left: 5px;
}
1.jpg
 

Amaury

Well-known member
#9
I'm now doing this on our site and was wondering if it's possible to do it with template edits rather than CSS? I want to customize it a bit more by changing +/- Quote | Reply to +/- Quote • Reply.

I see the multi-quote phrases for the tooltip are called in the quick_reply template, but I see no {xen:phrase reply}.
 

Amaury

Well-known member
#10
Still looking for a solution. If I absolutely must use custom CSS for this, I will, but I want to know first if it can be done with a template edit.
 
Last edited: