Shortcode dialog in TinyMCE is greyed out

  • Resolved Andreas

    (@anec)


    10 years, 8 months ago

    I am using WordPress 3.9.1 with Event Organiser 2.7.5 and its extensions:

    • Event Organiser Discount Codes 1.2.0
    • Event Organiser ICAL Sync 1.3.0
    • Event Organiser Pro 1.7.0
    • Event Organiser Stripe 1.0.0
    • Event Organiser Venue Markers 1.0

    My problem is:
    When editing a page or post (but <b>not</b> an event) the popup dialog, which opens when clicking the icon for the ShortCodes, is grayed out. That means, the dialog is blocked and I cannot use it to add shortcodes. The strange thing is that it does work when editing an event.

    I debugged a bit with Chromes WebDeveloper-Tools:
    The reason is that the overlay div with class “ui-widget-overlay” has a higher z-index than the dialog, therefore blocking it. The reason for that is that — atleast for my wordpress instance with many other plugins — the CSS file “eventorganiser-admin-style.css” is <b>not</b> loaded when editing pages or posts (but <b>is</b> loaded when editing events).
    And that may be due to the function “eventorganiser_add_admin_scripts” in the file “event-organiser/includes/event-organiser-register.php”.

    I checked with the online 1h demo, but could not reproduce my problem there. But afaik the online demo uses version 2.6.0 of Event Organiser and my problem may not exist there.

    Is this a known bug? Is there a fix available? Or do you have any suggestions for a workaround, except typing the shortcode by hand?

    https://www.ads-software.com/plugins/event-organiser/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Stephen Harris

    (@stephenharris)

    Hi Anec,

    Can I encourage you to use the forums over at https://wp-event-organiser.com/forums/. They are exclusively for customers and are checked more frequently. Additionally, the moderators here (quite rightly) want topics to relate strictly to the code hosted on www.ads-software.com.

    I was able to replace some minor problems on non-event pages/posts (e.g. ‘media’ button appearing above the modal’s overlay), but the modal itself appeared above the overlay, as expected.

    Is it possible that it another theme could be setting the z-index of the overlay so that it sits above the modal? In any case you may find the following rule fixes the problem

    .ui-widget-overlay{z-index:1000;}

    (you may need to adjust the z-index). Assuming that it is another plug-in setting the z-index too high, I’ll look into ensuring that it the modal sits about still (on non-event pages).

    Thread Starter Andreas

    (@anec)

    Hi Stephen,

    we (our firm) will use the event-organizer forum as soon as my colleague, who bought the plugin, is back from vacation and can sign-up there.

    In the meantime:
    Thanks for the CSS snippet. I will add it to our template to fix the modal issue.
    But, imho, the real cause of the problem is that the file “eventorganiser-admin-style.css” is not loaded for non-event pages/posts. I wasn’t able to figure out why. Do you have any suggestions?

    Regards,
    Andreas

    Plugin Author Stephen Harris

    (@stephenharris)

    Hi Andreas,

    It’s not intended to. It’s only needed for event pages in the admin, so it’ll be a waste of resources to load it everywhere. More importantly, it could conflict with other plug-ins too.

    It just so happens that a rule in that stylesheet was inadvertantly solving a problem that it wasn’t intended for ;).

    Thread Starter Andreas

    (@anec)

    Stephen,

    thanks for the CSS snippet. That fixed our problem.

    We will post our next support questions on your forum.

    See you there,
    Andreas

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Shortcode dialog in TinyMCE is greyed out’ is closed to new replies.