Forum Discussion

vidhyut_arora's avatar
vidhyut_arora
Advisor
14 years ago

Placing HTML script within a Lithium standard component

We are working on a community where we need to place a custom HTML / Javascript code within a standard Lithium component. Lithium Studio doesn't allows to edit this component and the UI requirement is to place some content within the structure of this component. Details are as below :

 

The current Blog Article Page-layout has a component ‘article’ which displays all the content of a Blog article. The blog byline/subject & date are not separately placed on the page than the blog body. Hence, the FB/Twitter icons can be placed – either on the top (above the subject/article image/date) or at the bottom. If the icons are to be placed between the fields of the blog, we’ll have to modify the ‘article’ component, which currently is not available for editing (I am assuming it’s an inbuilt Lithium component).  Do you have any suggestions on how to insert the icons within the article between the byline and text?

 

Please see the image for more detail: http://screencast.com/t/llI7tYuT

 

Please let me know your thoughts.

2 Replies

Sort By
  • PrenticeW's avatar
    PrenticeW
    Khoros Alumni (Retired)
    14 years ago
    Have you investigated using CSS to make these changes?

  • AdamN's avatar
    AdamN
    Khoros Oracle
    14 years ago

    Hi Vidhyut,

     

    Try using the Blog Message page instead. That should give you access to some of the "internals" of the article. It sounds like you'll want to place your custom component between the "message-header" component and the 'body" component. From there, you should be able to use some CSS to get the exact placement you'd like.

     

    I hope this helps!