Copy and Full screen buttons not displaying?

  • First off, allow me to say that I LOVE this plugin – well done!

    I want to use it to display code snips on a website and allow users to copy them as needed.

    Setting up some snippets and using them in a post has been easy, but however when I am viewing the web page, the bar at the top of the snip content is not displaying. Of course this means that I am not seeing the copy or full screen buttons either.

    FWIW, I am running the plugin on a local VM right now for testing with WAMP as the server. I am also running the standard Twenty Seventeen theme (this was a fresh install of WordPress).

    If I visit your website and look at your examples here:
    https://dsgnwrks.pro/tools/twitterwp-a-wordpress-tool-to-get-you-connected-to-the-twitter-1-1-api/

    then I see the toolbar when I mouse over the code snip as expected.

    But when testing from localhost, I do not see it.

    I have confirmed that the filters for the buttons are NOT disabled (it is the default install, but I checked anyway).

    Is this just a case of the buttons and toolbar not going to work until I publish to a live site?

    Thanks in advance for the help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Justin Sternberg

    (@jtsternberg)

    Hmm, i’m not sure. While the default Twenty Seventeen theme styles definitely don’t jive super well (screenshot: https://b.ustin.co/VXib), the toolbar is definitely there. This is likely a dumb question, but you are aware that they only appear on hover?

    Plugin Author Justin Sternberg

    (@jtsternberg)

    then I see the toolbar when I mouse over the code snip as expected.

    But when testing from localhost, I do not see it.

    Ah, yes, you already answered that question. Do you see any javascript errors in your browser’s javascript console?

    Thread Starter LANSRAD

    (@lansrad)

    Hi Justin,

    Thanks for the swift replies!

    Yes, when I checked I was seeing errors.

    Upon further examination I discovered that for whatever reason (this test was in an older Windows 7 VM) IE 11 was running the Intranet site in document mode 7.

    Once I went into the settings and unchecked the box for IE to run Intranet sites in compatibility mode, I refreshed the page and saw the toolbar.

    The icons were still not displaying in IE, but when I clicked on them they worked as expected.

    I installed Chrome and tested the site with it and when hovering over the toolbar I could see the icons, but they were half on/off the toolbar like you showed in your screen shot.

    So functionally at least things are working except for in IE.

    Is there a way to change the settings so that it works with Twenty Seventeen?

    Or what am I looking for in a theme?

    I tried a couple of others and they worked a little better in Chrome, but still nothing in IE.

    I REALLY like your plugin and want to use it, but I know that at least 50% of my potential audience will be running IE.

    BTW – when I view the example on your site mentioned above (even in IE) it looks and works as expected with the icons showing during the hover.

    Thanks again for your help and advice (and for creating this great plugin)!

    ??

    • This reply was modified 7 years, 11 months ago by LANSRAD.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Copy and Full screen buttons not displaying?’ is closed to new replies.