Forum Discussion

PerBonomi's avatar
PerBonomi
Boss
12 years ago

How do I add a div to the author section?

Hi there. I'd like to add a field, or div, below where it currently says name rank   on the left of every post.   What's the easiest way to go about that?
NicoB's avatar
NicoB
Lithium Alumni (Retired)
12 years ago

HI PerBonomi 

I just spent a good hour trying to fix the same issue :)

 

Try replacing this:

$("#messageview .message-uid-${msgId}").find(".lia-message-author-rank").append("#custom-${msgId}");

 with this:

$("#messageview .message-uid-${msgId}").find(".lia-message-author-rank").append($("#custom-${msgId}"));

 

You're basically passing a string to append while you should pass a jQuery object.

 

Nico

PerBonomi's avatar
PerBonomi
Boss
12 years ago

Hmm, it's still not moving, but I think your last comment has gotten me closer to figuring it out. Thanks for the help :)

  • NicoB's avatar
    NicoB
    Lithium Alumni (Retired)
    12 years ago

    It's probably the selector which is not picking up the right element... unfortunately it's a trial and error exercise with DOM :)

    Good luck!!

     

    Nico

  • PerBonomi's avatar
    PerBonomi
    Boss
    12 years ago

    Got it! And I couldn't have done it without your help.

     

    <#assign msgId = env.context.message.id />
<@delegate />
<div id="custom-${msgId}">your content here</div>
<@liaAddScript>
;(function($) {  
   LITHIUM.Loader.onLoad(function(){
      $("#custom-${msgId}").prev().find(".lia-message-author-rank").append($("#custom-${msgId}"));
   });

})(LITHIUM.jQuery);
</@liaAddScript>

     Thank you thank you.

  • NicoB's avatar
    NicoB
    Lithium Alumni (Retired)
    12 years ago

    Well done PerBonomi 

    Always happy to be of any help :)