0

When viewing or editing a note attached to a contact, the dialog window displays the note content shifted far to the right. This is a new problem, but I'm not sure if it's a result of installing a WP plugin, or upgrading to CiviCRM 5.27.3 or 5.28.0. The issue seems to be with the jQuery class ui-dialog-content.

Anyone else seeing this? Any suggestions for finding the cause of the problem? Thanks in advance.

Wordpress 5.5, CiviCRM 5.28.0

  • Do you have shoreditch civi extension installated? – Pradeep Nayak Aug 15 at 10:37
  • Thanks. No, no Shoreditch. – Jern Aug 16 at 18:50
1

Turns out it was a CSS conflict with the Woocommerce Event Manager plugin in WordPress. In fact it was affecting the formatting of many different modal dialog windows in CiviCRM, not just the Contact Notes dialog.

In case anyone's interested, I tracked it down by opening the misbehaving dialog in CiviCRM, then used Chrome -> Developer Tools -> Elements to identify the div with the right-shift problem. The CSS hierarchy for this element showed (in the 'Styles' pane) that the CSS heirarchy was interrupted (Jquery UI classes were struckthrough), and it gave the CSS filename, which gave a clue to the identity of the naughty WP plugin.

Of course, I could have just deactivated each WP plugin in turn...

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.