Skip to main content

There has been ongoing discussion recently to enhance the features currently available in the Field Editor “Section Header” as well as provide the same type of capability (section headers) for other components in the form of a collapsible wrapper.


In dire need of this type of functionality, I wrote a custom component that solves for most (hopefully all) of the use cases I’ve seen posted and decided to share it for anyone that might find it useful.


Disclaimer:


  1. This component is not built by nor supported by Skuid so please don’t ask them to fix anything that might be wrong with it 🙂

  2. This component uses publicly exposed Skuid APIs, however a lot of them are not documented nor officially supported. This means that in a future release, this component might break. While it’s unlikely that this would occur, it is possible so please be aware.

  3. This component was just finished and has not gone through a full test cycle. I did my best to use the Skuid APIs properly, however since they are not official nor documented, it’s possible that there are use cases/scenarios that I have not accounted for. If you find any issues please do let me know and I’ll try to resolve as quickly as possible.

  4. This is written for Skuid 7.x

Ok, enough with the formalities, let’s dig in…


The Collapsible Wrapper Custom Component is the same thing as a Skuid Wrapper component except it also has a “Header” that has lots of customization options. You can show a header, not show a header, conditionally show a header, show it open, show it closed, etc. You can also use the action framework when wrapper opens, closes, etc. You can also interact with the wrapper via it’s API.


For a full introduction and details, please see the following videos:

Part 1 - https://youtu.be/szwOuDAQLsk

Part 2 - https://youtu.be/lYMTLg3Week


To install the TFG Custom Component pack:


  1. Create a new Component pack with a prefix of “tfg” and Component Pack Label of “TFG Custom Components”

  2. Upload the zip file from here to replace the default Static Resource created by Skuid for the pack

To Test out the collapsible wrapper (same demo page from the video)


  1. Create a new page called “TFG Component Demo” using the Page XML from here

  2. Preview the page

Feedback, issues, etc. appreciated. Enjoy!


Screen Shots



Barry and Rob,

Hope all is well.  Any updates?


Hi Bill - No updates on my end, still at a standstill on v2 support pending more information from Skuid.


We would love to update to V2 for this page:  http://my.dorothy.com
 and many more but need the functionally of the Collapsible Wrapper.


Hi Bill -

Understood, unfortunately nothing I can do at this point. 

Please do keep in mind that even when Skuid does publish the V2 info, this will not mean that the TFG Components will receive an update.  It will all depend on how much work is involved in implementing V2 support and the available bandwidth that I have to complete that work. 

Given Skuid has not provided clarification on V2 support and the likelyhood that the effort will exceed my bandwidth, I would recommend that you find an alternate solution if you want a guaranteed path to V2.


Thanks Barry


Hello


Has any capability to run actions after a collapsible panel been implemented?  I would like to go to V2.


Barry said:  "We have also taken the feedback about collapsable panels we got originally and pushed some of it into the core component set.  While the new Accordion component doesn’t have all the features that Barry’s custom TFG set does - it may be satisfactory in the near term. "


This really deserves the most votes. Look at all the replies in this post! Includes 18 now including me.


It also really captures what was possible with Skuid V1. I remember when we had @Barry_Schnell, @Moshe_Karmel, @Glenn_Elliott ,@Skuidward_Tentacles, @Irvin_Waldman, @Matt_Sones, myself and I’m certainly forgetting some, all collaborating and pushing the limits of Skuid. I had a few components that were fun to build and release.


I’ve got a combined 3616 posts/replies in this community. There are probably 50K posts/replies that are filled with great ideas and like for those ideas. Can the ideas be reviewed, given a current status, and assigned a number of votes that would have been there in the old community?


Good times and fond memories!


Don’t forget to vote on this. 😉


Shout out to the OG Skuids. I’ll vote for this again!