Forum Discussion

PerBonomi's avatar
PerBonomi
Boss
11 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)

Hi PerBonomi 

If I understand your question correctly, you can remove the <@delegate/> directive so that your component will override the author component completely.

I would be very careful doing this however, since you might lose some OOB functionality (i.e. badges or future functionalities).

 

Thanks,

 

Nico

PerBonomi's avatar
PerBonomi
Boss
11 years ago

Yeah, I probably don't want to do this. This thing is driving me nuts :)

 

I was trying before, to move the element with jquery, but no matter what kind of selector Iuse, it just won't budge.

 

I now have this:

<#assign msgId = env.context.message.id />
<@delegate />
<div id="custom-${msgId}" style="display:none">your content here</div>
<@liaAddScript>
;(function($) {  
   LITHIUM.Loader.onLoad(function(){
      $("#messageview .message-uid-${msgId}").find(".lia-message-author-rank").append("#custom-${msgId}");
     $("#custom-${msgId}").css("display", "block");
   });

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

 I've tried with parent(), children(), first(), this().parent().;anything I could think of, it just doesn't move an inch. It almost feels like the author section is getting some magical protection.