+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / Collapsible Panel?

Collapsible Panel?

8 posts, 0 answered
  1. Kevin
    Kevin avatar
    16 posts
    Registered:
    09 Feb 2012
    15 Aug 2013
    Link to this post
    Hi,

    Does Sitefinity have any built-in controls that function like the AJAX CollapsiblePanel?

    http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/CollapsiblePanel/CollapsiblePanel.aspx

    I have a page that's growing way too long and would like to hide parts of it with a clickable image to expand those sections as desired by the visitor.

    I see there is a RadPanel control available, but it seems more oriented to collapsible menus instead of large areas of content.

    Thoughts?

    Thanks,
    Kevin
  2. Jonathan
    Jonathan avatar
    119 posts
    Registered:
    19 Dec 2012
    16 Aug 2013 in reply to Kevin
    Link to this post
    Have you thought about using jquery.  On a link or button tie to the .click() event then .toggle() the element <div>, <p>, <span> you are trying to hide
  3. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    16 Aug 2013 in reply to Kevin
    Link to this post
    What about the lists module?  The widget has an expand collapse mode?
  4. Jen Peleva
    Jen Peleva avatar
    568 posts
    Registered:
    10 Nov 2016
    20 Aug 2013
    Link to this post
    Hi Kevin,

     As Steve mentioned, you can use the List module to have an expand and collapse functionality. Also, you can take a look at the blog post by my colleague Stefani, where she's showing how to implement a "Read more" and "Read less" functionality with blog posts:
    http://www.sitefinity.com/blogs/stefanitacheva/posts/stefani-tacheva-s-blog/2012/11/26/implementing-read-more-and-read-less-functions-in-blog-posts

    Regards,
    Jen Peleva
    Telerik
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Kevin
    Kevin avatar
    16 posts
    Registered:
    09 Feb 2012
    20 Aug 2013 in reply to Jen Peleva
    Link to this post
    Thanks, all. The Lists module (with some styling) ended up working fine for what I needed. I never noticed the expandable option before for some reason.

    Much appreciated,
    Kevin
  6. John
    John avatar
    26 posts
    Registered:
    10 Sep 2012
    25 Jun 2014
    Link to this post

    Is there a way to style the expandable list to have a different image for each title?
    Example outline:

    [image 1] Title
         >expandable content

    [image 2] Title
         >expandable content

    [image 3] Title
         >expandable content

    Currently, I have one list template set up to have a background arrow for each title; however, I am seeking to add a different image for each title.

    Thoughts?

    Maria

  7. Svetoslav Manchev
    Svetoslav Manchev avatar
    735 posts
    Registered:
    06 Dec 2016
    28 Jun 2014
    Link to this post
    Hi Maria,

    This could be easily achieved by using the introduced in the Sitefinity 7.0 - Related Media field.  You can to that by:
    - Add a custom field for list items of type related media field
    - Add different image for each list item
    - Update/Create widget template for list Items by adding that custom field.
    - Than you can style the template as per your needs.

    Shot video demonstration is available here.

    Regards,
    Svetoslav Manchev
    Telerik
     
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
     
  8. Juan Sola
    Juan Sola avatar
    28 posts
    Registered:
    08 Jan 2007
    01 Jul 2014 in reply to Kevin
    Link to this post

    test

8 posts, 0 answered