Tab Responsive & RPB Chessboard compatibility issue

  • Resolved richimages

    (@richimages)


    8 years, 3 months ago

    I have been using the RPB Chessboard plugin for quite a while now. Today, I decided to install the Tab Responsive plugin.

    So, when one opts to use RPB Chessboard with the java POPUP display settings, and then simply ACTIVATES the Tabs Responsive plugin, (whether it was used in the article or not, simply being active is enough to cause this side effect) – then the CLOSE button of the popup window (the “X”) immediately follows the Window’s Title. Very non-standard. Normally the X to close the window is at the upper right corner of the display. Now, (and especially since the chessboard window title is simply the current move, being a very short left-justified title) the X is pretty much always on the left, again, immediately following the title.

    Is there any way to fix this nasty bug ?

    RPB Chessboard is simply a Java Script plugin that calls on js libs for its’ popup board … not sure what is messing up the right justification of the X that is in it’s own little (very small) box that is normally placed in the upper-right corner of the popup ..

    thanks,

    Richard

    https://www.ads-software.com/plugins/tabs-responsive/

Viewing 11 replies - 16 through 26 (of 26 total)
  • Plugin Author wpshopmart

    (@wpshopmart)

    Ok Andrew. I will keep in mind. I will try that it will never happen again.

    Thanks

    Thread Starter richimages

    (@richimages)

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

    Richimages.net/testbed

    Plugin Author wpshopmart

    (@wpshopmart)

    Hello Richard,

    Download the file form give download link , and then open your tab-responsive plugin folder here you will need to open assets folder the open js folder. Paste/replace given file here.

    try it and then let me know

    Thread Starter richimages

    (@richimages)

    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 ?

    Thread Starter richimages

    (@richimages)

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

    Thread Starter richimages

    (@richimages)

    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 …

    Thread Starter richimages

    (@richimages)

    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

    Plugin Author wpshopmart

    (@wpshopmart)

    Ok try this file https://wikisend.com/download/172720/bootstrap.js

    Replace given file on same location and i am sure that this time it will be work.

    Thanks

    Thread Starter richimages

    (@richimages)

    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 ?

    Plugin Author wpshopmart

    (@wpshopmart)

    Yes, you will need to keep this code for future if you will going to update tabs responsive.

    Thanks

    Thread Starter richimages

    (@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.
Viewing 11 replies - 16 through 26 (of 26 total)
  • The topic ‘Tab Responsive & RPB Chessboard compatibility issue’ is closed to new replies.