Tab Groups, Tab Labels, Tab HTML?

  • 1
  • Question
  • Updated 5 years ago
I'm still in my trial for skuid so I hope its ok I'm posting, so far very impressed. You guys are pioneers. I'm having only one issue right now: Is there a way to group tabs and add labels to those groups, for example,

First Tab Group Label
----- First Tab
----- Second Tab
----- Third Tab
Second Tab Group Label
----- Fourth Tab
----- Fifth Tab
----- Sixth Tab

and so on. Or even better, to insert HTML in between tabs. The goal here in my case is to construct a full sidebar menu that holds both tabs and html snippets. Is this a simple matter of editing the skuids tabs component?(if perms even allow?).

Cheers,
Photo of Ryan Rawls

Ryan Rawls

  • 242 Points 100 badge 2x thumb

Posted 5 years ago

  • 1
Photo of Zach McElrath

Zach McElrath, Employee

  • 49,056 Points 20k badge 2x thumb
Hi Ryan, one approach that may or may not be satisfactory for achieving your sidebar menu functionality is to use nested Tab Sets.

For the "level 1 navigation" of your sidebar menu, you add an initial Tab Set, with "Render As" set to "Left Tab Bar". Add a few "level 1" tabs to this Tab Set, which would be named "First Tab Group Label", "Second Tab Group Label", etc.

Then, to introduce "level 2" navigation, add a Tab Set component to each of your level 1 tabs. You get something like this:

Photo of Ryan Rawls

Ryan Rawls

  • 242 Points 100 badge 2x thumb
Problem solved. Filters is what I needed. In my exploration of the type of components, I got hung up on tabs before I played around with filters fully.

I am however having trouble with making the filter actually work. I've set the condition for a field under models, set it to "filterable default off" but no joy. The issue seems limited to that setting, but if I set it to "Default on" or "Filterable Default on" it filters properly on initial page load. I just can't get it to filter when pressed. Here's my testing ground (a mess right now, but shows my early build of filters) : http://www.biadev.com/directory
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Ryan - I hope this isn't insulting.

But have you selected and configured the filter on the table itself? Filteres are two step process - first setting up the condition and then secondly configuring its implementation in the table. Anna wrote a really detailed explanation of the process in this tutorial. http://help.skuidify.com/s/tutorials/...
Photo of Ryan Rawls

Ryan Rawls

  • 242 Points 100 badge 2x thumb
Yea I've tackled both parts of that process, but let me comb thru that tutorial, I'm there's a face-to-palm moment there I can find.
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Totally been there and done that! Face-to-palm moments abound in this work... Let us know if it just is not working.

One devilish think to look at is to make sure the field you are running the condition filter on is in the model's field list. That one seems to get me every time - even though there is some automation in place to ensure that is the case...
Photo of Ryan Rawls

Ryan Rawls

  • 242 Points 100 badge 2x thumb
Ok I got the filters working well enough. Going too fast on too little sleep spelled mistakes.

New question - Is it possible to setup the filters so only one can be active at any given time? I know that's a little sideways way of using filters, but take a look at the two test filters I setup on this page, http://www.biadev.com/directory I have them playing nice using a (1 OR 2), but is it possible to only allow one active at a time? I know this sort of circles back around to tab territory, but I have 10 of these filters (or 'categories' if you will cause that's what they really are) planned and I would like to avoid any unneeded page loading that might come with dropping 10 tables into a tabset of 10 tabs. Particularly given I already have 5 other tabs that will need to load from the tabset at top.
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Ryan, The only version of this capability that is available out of the box a drop down list where each entry in the drop down executes a different filter (on separate toggle conditions). To do this select "Manual" on the filter property source - and add as many different entries as you want - either relating to a single primary condition, or to separate conditions.

We recognize that the toggle set idea would be powerful. Can you copy that out as a separate idea in the community so we can track it as a feature request?

BTW - we really like the work you are doing. Its a great use case for a site on Skuid. Thanks for exposing your dev to the public...