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

[Stuart Wright]

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]

Template: post

Find:

<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:

<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]

Template: post

Find:

<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:

<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]

@Stuart Wright are you looking to do this?

.ReplyQuote.item.control.reply.QuoteSelected {
    float: left;
}
.MultiQuoteControl.JsOnly.item.control.QuoteSelected {
float: right;
}

That gets the image above.

 

[Stuart Wright]

@Stuart Wright are you looking to do this?

View attachment 110428

.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

.ReplyQuote.item.control.reply.QuoteSelected {
    float: left;
    margin-right: 5px;
}
.MultiQuoteControl.JsOnly.item.control.QuoteSelected {
    float: right;
    margin-left: 5px;
}

 

[Sheldon]

Good stuff @Stuart Wright

Glad its how you want it now.

 

[Amaury]

Sorry, @Stuart Wright. Somehow I missed the part about the tooltip.

 

[Stuart Wright]

Sorry, @Stuart Wright. Somehow I missed the part about the tooltip.

No problem, thanks for helping anyway

 

[Amaury]

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]

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.

 

[Neutral Singh]

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.

+1

 

[S Thomas]

Still on XF 1.4? Or 1.5 or 2.0?

 

[Neutral Singh]

One forum on 1.5.21... another in testing phase on 2.0.9!

 

[S Thomas]

It's built in /js/message.js somewhere. So nope, not possible via templates.

        createButton: function($selectionContainer, id)
        {
            [...]

            var $mqButton = $message.find('.actionBar-action.js-multiQuote').clone();
            if ($mqButton.length)
            {
        [...]

                $tooltip.append($mqButton);
                $tooltip.append(document.createTextNode(' | '));
            }

            var $quoteButton = $message.find('.actionBar-action[data-xf-click="quote"]')
                    .attr('title', '')
                    .clone()
                    .css({
                        marginLeft: 0
                    })
                    .on('s2q:click', XF.proxy(this, 'buttonClicked'));

[...]

You would need to swap these buttons.