richimages

This problem was resolved until the last update tab-responsive update. Now the issue has returned … as of the 21st of this month.

Recap:
There is a compatibility issue between 2 JavaScript libs: Bootstrap (brought by Tabs Responsive) and JQuery UI (brought by WordPress and used by RPB Chessboard).

More precisely, there is a naming conflict as both JS libraries defines $.fn.button.
See:
https://github.com/twbs/bootstrap/issues/6094

It was suggested that Bootstrap be loaded “no conflict” mode enabled, i.e. jQuery.fn.button.noConflict() should be called after loading Bootstrap.

I was given a special “bootstrap.js” file to place in my assets dir. With each update, I have overwritten that file with the file you provided me. Now that fix no longer works … Can you suggest how I can fix this issue now ?

you may see where the close “X” is improperly located in the rgb-chessboard pop up here:

https://www.richimages.net/testbed/2016/08/24/hello-world/

• This reply was modified 7 years, 10 months ago by richimages.

Okay, I understand that. But I still do not understand why the simple text field will not allow me to tap in that area to pull up a keyboard on the iPad. I can pull up a keyboard all the time everywhere on other web pages. I can even pull up a keyboard on WordPress (without using the WYSIWYG kind of editor) for regular articles. But I can not pull up a keyboard in the Tabs Responsive authoring page on WordPress. It’s the only place a keyboard will not come up on my iPad. Does that make sense ? I’m trying to understand why this is?

Belay my last … it would appear that when I executed the one time image clean up on my entire WordPress site, that banner images were REMADE by Optimize Images Resizing plugin … those OLD banner images were too small to meet the required 1102 pixel width requirement for the Yoko theme to display them … and Yoko did not REGENERATE them on the fly as they did exist.

I fixed things by executing the Optimize Images Resizing plugin again to destroy the existing banner images … and when pages are called up with the Yoko them, now they get regenerated again of the proper size …

Sorry for the exercise …

That did it !!! both plugins work correctly … thanks much !!!

One last question: Will I need to keep this code handy for myself in the event that Tabs Responsive has any future updates? Or will the fix be included in the next release ?

Here’s a Post of the problems presented, (and explained) with the new bootstrap.js file in place as suggested above:

https://www.richimages.net/testbed/?p=67

let me know what you wish me to do further …

The new bootstrap.js fixed the close button on the chessboards, but broke tabs in the process …

Thanks,

Richard

Okay … so it doesn’t work … good news and bad news …

Good news is that my chess board looks correct now …

Bad news is that I can SEE tabs … but they do not work to switch displayed content … clicking on 2nd, 3rd, 4th … etc buttons do nothing at all …

Clicking on the FIRST button takes you further down the same page …

Tab Responsive is activated, … but you can not switch to any of the other tabs … I even made a NEW post to test … does not work …

Basically the fix had fixed the chessboard display … but broke Tabs Responsive in the process …

Never mind … I got it to download … one second while I test it …

I can not get the link to work … it give an html page that never even loads when I just try to preview it … It is nothing at all like the original bootstrap.js file in my plugin directory … Can you check to make sure the link is correct ?

You may contact the author of my website – that’s me – as a post or something.

Richimages.net/testbed

sorry for the delay … driving into work.

Tab Responsive is now deactivated on my site …

Let me know if you need me to do anything else for your troubleshooting …

Hi Wpshopmart,

Did you go to my site and see the issue for yourself ? Read the top most post … You’ll see the issue for yourself. Yo35 has identified the problem already with his comment above.

It will occur in any browser as there are two functions for the button defined – one for bootstrap, and one for JQuery UI.

I thought his proposal was good – call the noConflict version of the button function.

Thanks

Richard.

Thanks for going out of your way to offer a very reasonable option Yo35 (Developer of RPB Chessboard) !!!

I’ll see if this is something I can do if there’s no update from the developer of Tabs Responsive … But first, I’ll wait for a for response from Tabs Responsive developer.

Thanks Again,

https://www.richimages.net/testbed/?p=20

This article has pictures and instructions to see the problem for yourself.

https://www.richimages.net/testbed/wp-content/uploads/2016/08/image.jpeg
The above link is when Tabs Responsive is Active.

https://www.richimages.net/testbed/wp-content/uploads/2016/08/image-1.jpeg

The above link is after Tabs Responsive has been DEACTIVATED. Same article from same site.

Note the X for closing the popup chessboard – which was opened after tapping the move-link 6.e5 from the article. The X for closing should be in the upper right corner – as is the case when Tabs Responsive is not active.

Sure, thanks …

(reposting, as links were wrong in previous posts)

My site does a lot of block quotes (which I am hoping will match with the Tabs Responsive plugin after these fixes) as this article shows: https://www.richimages.net/testbed/?p=16

and …

it uses a lot of bold sections as this article also shows: https://www.richimages.net/testbed/?p=14

I do not use boarders, or fancy colors or anything … this is a typical used of Tabs Responsive in a post … I’d love the text to match flawlessly: https://www.richimages.net/testbed/?p=8

thanks Much …

Richard