Forum Discussion

neel_psl's avatar
neel_psl
Ace
7 years ago

'...view more' option on Idea Exchange Page, functionality understanding.

Hi  All, [TariqHussain]   I wanted know one thing about view more options, As of now what i understand as a default functionality of '...view more' is, when we click on it, it takes us to new page...
TariqHussain's avatar
TariqHussain
Boss
7 years ago

neel_psl - Just pass truncateWithMessageLink="false"  inside message-view.widget.body component. 

 

<component id="message-view.widget.body" truncateWithMessageLink="false" >

 

  • neel_psl's avatar
    neel_psl
    Ace
    7 years ago

    Thanks TariqHussain,

     

    By making this attribute as false, it is showing the complete body inside the ideas but what we want is it should show, '...view more' option and once we click on it, it should expand the complete the body of that particular idea is to be shown. So is this thing possible??

     

    Thanks

    • TariqHussain's avatar
      TariqHussain
      Boss
      7 years ago

      neel_psl- It just matter of adding CSS and JS code.

       

      CSS - Give max height to body and overflow hidden.

      JS - While clicking on view more remove max-height and overflow hidden.

       

      View more button will not be available after making the attribute to false. For that either you can place custom view more button or you can create custom body component.

       

      Fiddle for height animation.

      • neel_psl's avatar
        neel_psl
        Ace
        7 years ago

        TariqHussain Thought of same approach finally.

         

        Thanks