Javascript/Tabs+Panes


#1

I am a nubee and need help with tabs.

I am able to add a tab group to my page using the Javascript/Tabs+Panes from the PG Library List. But they do not work - when I click on them in my browers, nothing happens.
Other tab groups from previous and different app-generated tabs all work fine so I know its not a browser issue.

So simply inserting or dragging the Tabs+Panes element into my page isn’t enough for functionality - must they be inserted into a special element or are div’s OK? Do I need to add/insert some code or plugin additionally so they will tab correctly?

Anyone get them to work and can share insight as to how?


#2

If you’re using the Javascript Tabs, or any Javascript element, you also need to have the javascript library either on your server, and it’s location reference in your HTML, or it’s location online referenced in your HTML… for example, at the end of your page, you should see:

<script src="assets/js/jquery.min.js"></script>
 if it's on your server in the assets/js/ folder

or

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
If you're hosting it remotely. 

So if you’re using the first way, then you must make sure you have the corresponding folder structure on your server in your website’s folder, and the jquery library must be in there.

Question, do the tabs work in the Pinegrow browser view when you use the test click feature? (the little green finger in the top menu) Then how about if you preview in a browser locally?