tabs for quickbase

  • 0
  • 1
  • Question
  • Updated 2 years ago
  • Answered
I would like to create tabs sections within certain pages. i.e. customer pages.

However, I cannot find a more recent example. Please share if you can. Thank you!
Photo of ericoler2

ericoler2

  • 0 Points

Posted 6 years ago

  • 0
  • 1
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,184 Points 20k badge 2x thumb
QuickBase presently serves jQuery UI on its pages so all you have to do is use it according to the documentation:

http://jqueryui.com/tabs/
Photo of ericoler2

ericoler2

  • 0 Points
I can see how this example works on the dashboard, but not on forms.  Am I wrong?
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,184 Points 20k badge 2x thumb
It works on forms but you have to do some additional work to repackage some of QuickBase's trimmings such as the section dividers and the hide/show button. This customized form converts the section headings to tab labels and removes the section dividers and hide/show buttons:

New Tabs In Town
https://haversineconsulting.quickbase.com/db/bim8tpaab?a=nwr

Pastie Database
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=236
Photo of William

William

  • 162 Points 100 badge 2x thumb

Dan - When this method works it works brilliantly. However, I am noticing that sometimes not all of the sections are being replaced with tabs.

Refreshing the page tends to resolve the issue, but this was all intended to limit refreshes...

Any suggestions?

Photo of Manny

Manny

  • 0 Points
How do you get it to work on forms? I'm sure its possible, but not sure how.
Photo of Manny

Manny

  • 0 Points
[mention://513 @dandiebolt_QB_Pirate] I clicked on your first link "New Tabs In Town" but, I cannot access.

I want to create a nagivation UI tab for my users that allowed them to click on tabs and see that section ONLY.

I see that UI tabs can be used for this, but I'm not sure how to go about that. Your link is there closest thing I have to guide. Any idea?
Photo of Manny

Manny

  • 0 Points
I figured out how to do this,  but now i ran into another problem. When I use the UI tab code in the form with the tabs break when it comes across a report link embedded