1. 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?

Discussion in 'Styling and Customization Questions' started by Stuart Wright, Jul 4, 2015.

  1. Stuart Wright

    Stuart Wright Well-Known Member

    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
     
  2. Amaury

    Amaury Well-Known Member

    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>
     
  3. Stuart Wright

    Stuart Wright Well-Known Member

    Thank you, but that swaps the buttons (which I have already done), not the QuoteSelected Tooltip
     
  4. Sheldon

    Sheldon Well-Known Member

    @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.
     
  5. Stuart Wright

    Stuart Wright Well-Known Member

    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
     
    Sheldon likes this.
  6. Sheldon

    Sheldon Well-Known Member

  7. Amaury

    Amaury Well-Known Member

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

    Stuart Wright Well-Known Member

    No problem, thanks for helping anyway :)
     
  9. Amaury

    Amaury Well-Known Member

    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}.
     
  10. Amaury

    Amaury Well-Known Member

    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: Aug 7, 2015

Share This Page