topic Re: Changing Calcite Tab Programmatically in Calcite Design System Questions

Changing Calcite Tab Programmatically

MichaelSnook — Fri, 19 Jul 2024 21:59:40 GMT

Hi All

I'm in the process of possibly migrating our jQuery based UI with Calcite. I can't seem to figure out a VERY simple thing -- how to change a Calcite tab programmatically via code. jQuery is simple and has built-in functions to do this but for the life of me can't seem to find any documentation for this. Is this available yet? Do I need to roll my own functions to accomplish this?

Any tips would be great.

Thanks!

Re: Changing Calcite Tab Programmatically

DitwanDPrice — Sat, 20 Jul 2024 00:07:05 GMT

Hey Michael,

Hopefully this Codepen helps to get you what you're looking for. I believe just setting the `selected` property on the the `calcite-tab-title` that you want to be active using JavaScript should do what you want.

Re: Changing Calcite Tab Programmatically

MichaelSnook — Sat, 20 Jul 2024 20:17:22 GMT

I guess I was way overthinking that one! Thanks!