Skip Navigation

[Resolved] Create a Dashboard with tabbed navigation

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to create a dashboard with tabbed navigation.

Solution: Layouts offers a Tab cell, and Toolset also provides the ability to load the Bootstrap library. Bootstrap comes with its own tab UI.

Relevant Documentation:
https://getbootstrap.com/docs/3.3/components/#nav
https://getbootstrap.com/docs/3.3/javascript/#tabs

This support ticket is created 6 years, 4 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 4 replies, has 2 voices.

Last updated by domenicoS 6 years, 4 months ago.

Assisted by: Christian Cox.

Author
Posts
#922905

Hi,

I'd need to create a dashboard using layout.
I create a page called dashboard with a layout compesed with a menu on the left and a content in the center.
When I click on a voice of the menu the broweser reload the relative page linked to the menu label.

It works, but is not the best solution. Should be different beacause when I click on a label I wouldn' to reload a new domine but work in the same page with with a new content.

Is it possibilbe something similar with Toolset?

What can you suggest me?

#923194

Hi, depending on what you want to accomplish you might be able to do something similar with Tabs cells in Layouts. We don't offer a left sidebar menu, but you can show and hide tab panels by clicking on the tab headers. Since Layouts uses Bootstrap, you also have the option of using Bootstrap's tabs:
https://getbootstrap.com/docs/3.3/components/#nav
https://getbootstrap.com/docs/3.3/javascript/#tabs

#923271

Thank you Christian.
Just another question. How to display in this tab a list of product in base of the user.

As I said I'm creating a dashboard, and it will be accessible only to loggin users filterd by type of user (vendor). In the tabs I will link a form to create a product. I need also to link to the list of product that where the user (vendor) can see and choose wich of them edit and the order status ,ecc.

There is a shortecode for this view?

#923663

How to display in this tab a list of product in base of the user.
I'm not sure I understand what you mean by "in base of the user", but you can create a View using whatever filters you need. Then place this View in the tab panel. If you need help creating a filtered View, please create a separate ticket and we can discuss in more detail.

#923664

Thank you