Hi.

I just wanted to check to see if Tabby Responsive Tabs is compatible with WordPress 6.7.1.

Just showing this

Hello,

I have installed this plugin and noticed that it only works with the first 5 tabs I add. Currently I have 7 tabs and I can only click on the first 5. I have tried moving the last 2 and putting them at the beginning, and they do work, but again, the tabs after the fifth one don’t work anymore.

Thank you for yout help.

Best regards,

How to create vertical tabs? With tab titles listed vertically on the left, and tab content on the right?

Thanks!

Is there any way to insert an image under the tab title using CSS? I saw some suggestions in this forum but I am wondering if there is an easier way to do that. Thank you.

I would like to use Tabby Responsive Tabs, but have they been tested with the latest version of WordPress 6.5? This worries me. Will you be updating the tabs regularly?

Hi

We’re doing well for frequently having snippets featured for our content in Google search results. You know the type where a snippet/paragraph of content answering the users questions is presented at the top of the search results. However, often, when you follow the snippet link to the website to read more, the actual text that Google highlighted in the snippet result is within a tab that isn’t open. Google takes the visitor to the point in the page where it thinks the content is, but that particular paragraph/content is not visible because a different tab is ‘open’ in front of it.

Is there a solution to this as it causes a bit of a jenk in the visitor experience?

Thanks for looking

Is it possible to add latest posts to the tabs? If so, is this available on the free version or is this a paid add-on?

Subject: Problem with uneven scrolling in tabs

Hello,

I hope you can help me with a problem with uneven scrolling behavior in tabs. I am using the Tabby Responsive Tabs plugin in conjunction with the Tabby Link to Tab plugin. The tabs contain links both in the table of contents at the top and below the tab content.

Problem:

• Scrolling to the tabs works as expected when I click on the links in the table of contents at the top.
• However, when I click on the links below the tab content, the page first scrolls down and then up to the target tab. This results in undesirable behavior.
• The behavior could possibly be due to the different sizes of the tab content. However, it should be possible to compensate for this with ‘tabgroup=1’ as there is only one tab menu on the page.

You can see the problem particularly clearly on the page by following my help link. For example, click below the first tab to go to the second tab. Please note that the problem is reproducible and not limited to my example page

I would be very grateful for your help in identifying and solving this problem.

Yours sincerely

Hello,

I use Tabby on more than 1,000 pages on my website to organize headings at the top of each post. One of the headings on most pages reads “Attendance” and includes a chart created by the Visualizer: Tables & Charts for WordPress plug-in.

These two plug-ins have happily co-existed for several years now. But after a recent update in late 2023, the Visualizer short code stopped displaying charts all across the site. I ran the Health Check & Trouble Shooting Plug-In and determined that Tabby Responsive Tabs was the source of the conflict.

Subsequently, I discovered that if I move the Visualizer short code outside of the Tabby code section and insert it elsewhere in the post, the table will display properly.

Can you help me with a fix please?

Hi.

Is your plugin compatible with PHP 8?

I wanted to know if you have the opportunity to put a link to the description? If yes, can you please tell me how to do this? can I have instructions?

Hi, is there a way to have the tabs bar showing BOTH on top and the bottom of the text? How would I achieve this?

Thanks!

Hi, I followed the instructions and inserted a first [tabby title=”Intro”] before my first section, then [tabby title=”1″], etc and at the end, [tabbyending].

I love the simplicity of the plugin!

However, the first tab shows empty. Why and how do I fix this?

Thanks!

Hi, I was testing the demo of your plugin to see if it was accessible and wanted to provide some feedback. Can you please make these fixes so that it’ll be fully accessible for screen reader users?

1. The tabs should be button elements within the li element, so that they are read as a button and can be selected with the space bar. If you are concerned about breaking CSS changes, you can add role=”button” to the li element and then add the space bar support with JavaScript.
2. The active tab should have aria-selected=”true” on it so it is clear which tab is active and which ones are not.
3. You need to remove the outline:none CSS from .responsive-tabs .responsive-tabs__heading–active:focus, .responsive-tabs .responsive-tabs__list__item–active:focus — This CSS makes it impossible for keyboard-only users to be able to see where their keyboard focus is.

Here are some resources that you might find helpful.

• Example of Tabs with Manual Activation
• aria-selected

Hi.

I just wanted to check in with you to see if Tabby is compatible with the latest version of WordPress.

Thanks in advance for your help.

Hi, I am using a different plugin but linking from one tab to another does not work. I also installed Tabby a while back, so I’m interested in going back to it if it gives me that option. Does it?

If you scroll down on this page: https://ortzion.org/prophecy_type/israel-2-assignments-report/

you will find this URL, but no coding I tried would open the exact tab ? Continues on ??Tab #2

Would Tabby do that?

Thank you !

Hi — right now my tabs only have text. Is it possible to include images in the tabs? Additionally, is it possible to include a link in the tab’s text? I’d like the user to be able to click the text in a tab and be redirected to a different page.

need to search for titles, etc in tabbed content. Right now the search gets directed to a /tabby page but not linked to content.

So I got notified by my client that his tabs are not displaying correctly. I updated all plugins, cleared cache, and checked console for errors. Everything seemed to be working fine with no problems, so I tried it not logged in, in a private browser and I say that the tabs plugin was not displaying the tabs coreectly. I checked the console while logged out and got these errors.

Uncaught ReferenceError: wp is not defined

Uncaught TypeError: jQuery is not a function

Hi,

Your free tabs look amazing and I would be interested in purchase the tabs customizer also.

Just one question if I may. I notice when using the usual YouTube embed code (copy/pasted from YouTube) nothing autosizes/is responsive on mobile.

Do you have sample YouTube code you could advise I use instead of default embed code copy/pasted from YouTube when using your tabs (as some tabs will have videos in them and I would ideally like to resize based on screensize).

Many thanks.

Looking forward to your reply.

Kind regards,
Nat ??

I am trying to add the shortcode for a gallery in a tab, but it’s not working. Is it possible?

Hello all,

I’m having an issue where an embedded PDF is not viewing within Tabby Tabs. Initially the first two or three tabs will open the embedded PDFs, but subsequent tabs only show a little tiny dot. I guess this is because the PDF size is calculated when the tabs are closed, and when the tabs are clicked open it doesn’t resize.

I found this (link attached) that explains to put this snippet in the (Tabby Responsive Tabs) code that creates the tabbed element. I just don’t know would that be the tabby-responsive-tabs.php, or the tabby.js file. And where in that code to enter it (where in the code the element is called.)

I am not a programmer and this is a bit new to me. I do know the usual html, css, but if put in simple terms I can add code to php or javascript, etc.

I’m sorry for not being able to supply a link to the site as it is a non-public site. But just wondering if anyone has had experience with this.

Any information would be much appreciated.

Thank you so much,

Hi.

I’m a longtime user of the Tabby plugin and you’ve helped me out in the past with any problems that have arisen. Thank you for all your hard work.

Currently I am having an issue with the tabs not displaying properly. They show up fine when previewing a post but when you look at the actual published post, the tabs do not show up and the content is just stacked vertically.

I’ve used the Health Check plugin to troubleshoot and it doesn’t look like there are any conflicting plugins. I think it’s something in my stylesheet but I am unable to figure out what it is. Could you please have a look at my page?

This is what I have in my stylesheet to customize the tab colors and such:

/* Tabby */
.responsive-tabs .responsive-tabs__panel {
	background: transparent!important;
	border: 1px solid var(--color4)!important;
}
.responsive-tabs .responsive-tabs__heading {
	background: transparent!important;
	border: 1px solid var(--color4)!important;
	color: var(--color7)!important;
}
.responsive-tabs .responsive-tabs__heading:hover {
	background: transparent!important;
	color: var(--color1)!important;
	}
.responsive-tabs .responsive-tabs__heading--active,
.responsive-tabs .responsive-tabs__heading--active:hover {
	background: var(--color4)!important;
	color: var(--color1)!important;
	}
.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover {
	background: var(--bg)!important;
	border-color: var(--color4)!important;
	color: var(--color1)!important;
}
.responsive-tabs .responsive-tabs__list__item:hover {
	color: var(--color1)!important;
}
.responsive-tabs .responsive-tabs__list__item {
	color: var(--color7)!important;
}

Thanks.

Hi, one of our users contacted me to ask for help with a page she was working on. Only the first tab was being displayed, and the other tabs were showing up as headings within the body of the text.

This is a large WP Multisite network of websites, and uses the block editor. She had used the shortcode block to add each of the [tabby title=””] sortcodes as well as the [tabbyending] shortcode.

I activated the Classic Editor plugin and removed all references to beginning/ending block code, and it restored proper Tabby Tabs functionality. I was not able to make it work with the block editor code.

Here is an example of the code:

<!-- wp:shortcode -->
<p>[tabby title="Overview"]</p>
<!-- /wp:shortcode -->

<!-- wp:paragraph -->
<p>Page content information goes here....</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 id="h-contact-the-agent">Contact the Agent</h2>
<!-- /wp:heading -->

<!-- wp:group -->
<div class="wp-block-group"><!-- wp:heading {"level":4} -->
<h4>Name, Title</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><em>Email: </em></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><em>Phone:</em></p>
<!-- /wp:paragraph -->

<!-- wp:shortcode --> [tabby title="Upcoming Events"] <!-- /wp:shortcode -->

<!-- wp:paragraph -->
<p>Information about event goes here...</p>
<!-- /wp:paragraph -->

<!-- wp:shortcode --> [tabbyending] <!-- /wp:shortcode --></div>
<!-- /wp:group -->

Once I removed the beginning/ending references to blocks, the tabs worked fine. I was wondering if there is currently a better way to use Tabby Tabs with the block editor, or if it is only compatible with the Classic Editor?

Thanks!

Can someone please tell me why tabs may be slow to load? It looks like this – you open a page with tabs and at first they have no styles and they are positioned one above the other. The tabs immediately show the content. A second or two later the styles are loaded and they connect and are in the right position.
I’ve seen a site that also uses tabby and the tabs are in the right position from the beginning and the content is the same – iframe with video.
I thought it was because my site is slow. But that other site is slow as hell too, but the tabs stay in place from the beginning, not jumping up and down

On the 16th of June, I ordered and paid for the “Tabby load accordion closed” add-on, but I didn’t get a license key or any information about from where to download it, or any information at all about how to make it work. I tried to contact the developer but did not get any reply. What is going on?!

Hello,

I would like to deactivate the scrolling animation that is triggered when clicking on a tab title in the accordion view.

Is this possible? Can I customize the JS the same way I can customize the stylesheet? Or can I use some add-on to do that?

Kind regards,

kolli

No funciona el plugin. Lo tengo instalado hace mucho tiempo. y de un dia para el otro todos los post en donde utilizaba el plugin no funcionan las pesta?as

https://bit.ly/3tObhHL imagen de como se ve ahora

https://bit.ly/3t1W7iN imagen de como es que uso el plugin y como lo tengo en todos los posts

probe actualizando el plugin y reinstalandolo y sigue con el error. Nose si es problema del plugin o de la web o que

• This topic was modified 2 years, 8 months ago by panchirulo.

After latest update, putting target=tabtitle in query string does not work.