D7 Panels + Beauty Tips UI + Compact Forms = timeout error when editing panel [#1262616]

I have a D6 site with Panels, Beauty Tips UI and Compact Forms. Works great. This is my first D7 site.

It seems to have been working together fine. However, I tried to Update and Save a panel and the screen timed out. There is no error message in Watchdog.

The way I isolated it to Beauty Tips UI is by disabling modules until the error was gone.

Then, I reenabled them. Now, I am at a point where if I disable the 3 BeautyTips modules, and Compact Forms, I can edit and save panels. Then, if I reenable Compact Forms and BeautyTips API, the panel can still be edited and saved.

However, when I enable Beauty Tips UI, and attempt to Update and Save a panel, I get the following error:

[{"command":"settings","settings":{"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"danland","theme_token":"HopXci_GTTID14DU1fE7BMsaHHhMbttmfE-uT6AJvpY","css":[]},"admin_menu":{"destination":"destination=panels\/ajax\/editor\/add-pane\/panel_context%3Anode_view%3Anode_view_panel_context\/center\/entity_field\/node%3Afield_address\/step2","hash":"7d38f934ed16298816f678d3ec153496","basePath":"\/admin_menu","replacements":{".admin-menu-users a":"0 \/ 2"},"margin_top":1,"position_fixed":1,"toolbar":[]},"beautytips":{"bt_text_field":{"cssStyles":[],"cssSelect":"input.form-text","trigger":["focus","blur"],"contentSelector":"$(this).nextAll('.description:eq(0)').hide().html()","width":"275px","positions":["top"],"preEval":true,"list":["cssStyles","trigger","contentSelector","width","positions"]},"bt_text_area":{"cssStyles":[],"cssSelect":"textarea.form-textarea","trigger":["focus","dblclick"],"contentSelector":"\n if ($(this).parent('.form-textarea-wrapper').nextAll('.description:eq(0)').length !== 0) {\n $(this).parent('.form-textarea-wrapper').nextAll('.description:eq(0)').hide().html();\n }\n else if ($(this).parent('.form-textarea-wrapper').parent('.form-item').nextAll('.description:eq(0)').length !== 0) {\n $(this).parent('.form-textarea-wrapper').parent('.form-item').nextAll('.description:eq(0)').hide().html();\n }","width":"275px","positions":["top"],"preEval":true,"list":["cssStyles","trigger","contentSelector","width","positions"]}}},"merge":true},{"command":"insert","method":"append","selector":"#panel-pane-center","data":"\u003cdiv class=\"panel-pane\" id=\"panel-pane-new-1\"\u003e\u003cdiv class=\"grabber\"\u003e\u003cspan class=\"buttons\"\u003e\u003cdiv class=\"ctools-dropdown-no-js ctools-dropdown\" id=\"ctools-dropdown-1\"\u003e\u003cdiv class=\"ctools-dropdown-link-wrapper\"\u003e\u003ca href=\"#\" class=\"ctools-dropdown-link ctools-dropdown-image-link\"\u003e\u003cimg typeof=\"foaf:Image\" src=\"http:\/\/www.humaneiowa.com\/sites\/all\/modules\/panels\/images\/icon-configure.png\" alt=\"\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003cdiv class=\"ctools-dropdown-container-wrapper\"\u003e\u003cdiv class=\"ctools-dropdown-container\"\u003e\u003cul\u003e\u003cli class=\"0 first\"\u003e\u003ca href=\"\/panels\/ajax\/editor\/hide\/panel_context%3Anode_view%3Anode_view_panel_context\/new-1\" class=\"use-ajax\"\u003eDisable this pane\u003c\/a\u003e\u003c\/li\u003e\n\u003cli class=\"panels-set-title\"\u003e\u003ca href=\"\/panels\/ajax\/editor\/panel-title\/panel_context%3Anode_view%3Anode_view_panel_context\/new-1\" class=\"use-ajax\"\u003ePanel title\u003c\/a\u003e\u003c\/li\u003e\n\u003cli class=\"1\"\u003e\u003ca href=\"\/panels\/ajax\/editor\/edit-pane\/panel_context%3Anode_view%3Anode_view_panel_context\/new-1\" class=\"ctools-use-modal\"\u003eSettings\u003c\/a\u003e\u003c\/li\u003e\n\u003cli class=\"2\"\u003e\u003ca href=\"\/panels\/ajax\/editor\/pane-css\/panel_context%3Anode_view%3Anode_view_panel_context\/new-1\" class=\"ctools-use-modal\"\u003eCSS properties\u003c\/a\u003e\u003c\/li\u003e\n\u003cli class=\"3\"\u003e\u003cspan\u003e\u003chr \/\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"4\"\u003e\u003cspan class=\"panels-sub-menu\"\u003e\u003cspan class=\"dropdown-header\"\u003eStyle\u003c\/span\u003e\u003cul\u003e\u003cli class=\"0 first\"\u003e\u003cspan class=\"panels-text\"\u003eNo style\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"1 last\"\u003e\u003ca href=\"\/panels\/ajax\/editor\/style-type\/panel_context%3Anode_view%3Anode_view_panel_context\/pane\/new-1\" class=\"ctools-use-modal\"\u003eChange\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"5\"\u003e\u003cspan\u003e\u003chr \/\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"6\"\u003e\u003cspan class=\"panels-sub-menu\"\u003e\u003cspan class=\"dropdown-header\"\u003eVisibility rules\u003c\/span\u003e\u003cul\u003e\u003cli class=\"0 first\"\u003e\u003cspan class=\"panels-text\"\u003eNo rules\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"1\"\u003e\u003ca href=\"\/panels\/ajax\/editor\/access-add-test\/panel_context%3Anode_view%3Anode_view_panel_context\/new-1\" class=\"ctools-use-modal\"\u003eAdd new rule\u003c\/a\u003e\u003c\/li\u003e\n\u003cli class=\"2 last\"\u003e\u003ca href=\"\/panels\/ajax\/editor\/access-settings\/panel_context%3Anode_view%3Anode_view_panel_context\/new-1\" class=\"ctools-use-modal\"\u003eSettings\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"7\"\u003e\u003cspan\u003e\u003chr \/\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"8\"\u003e\u003cspan class=\"panels-sub-menu\"\u003e\u003cspan class=\"dropdown-header\"\u003eCaching\u003c\/span\u003e\u003cul\u003e\u003cli class=\"0 first\"\u003e\u003cspan class=\"panels-text\"\u003eNo caching\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"1 last\"\u003e\u003ca href=\"\/panels\/ajax\/editor\/cache-method\/panel_context%3Anode_view%3Anode_view_panel_context\/new-1\" class=\"ctools-use-modal\"\u003eChange\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"9\"\u003e\u003cspan\u003e\u003chr \/\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"10 last\"\u003e\u003ca href=\"\/%23\" class=\"pane-delete\" id=\"pane-delete-panel-pane-new-1\"\u003eRemove\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e\"Node being viewed\" Address - Text\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"panel-pane-collapsible\"\u003e\u003cdiv class=\"pane-title\"\u003eNo info\u003c\/div\u003e\u003cdiv class=\"pane-content\"\u003eNo info available.\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e","settings":null},{"command":"changed","selector":"#panel-pane-new-1","asterisk":"div.grabber span.text"},{"command":"modal_dismiss"}]

I don't understand the error, and will do more testing, but wanted to document this because I have tried it several times and it seems to repeat itself. The reason I think Compact Forms is involved because I can install BeautyTips UI by itself and panels editing works. It is only when Compact Forms is enabled that there is a timeout.

EDITTimeout occurs when node content is added to the pane, but not when node content is removed. And, after a timeout, the change remains. So, the user can return to the panel and save the panel.

Also, the timeout does not occur when at least some non node content is added to the pane, such as Activity - Who's New.

Comments

Comment #1

itserich CreditAttribution: itserich commented 10 September 2011 at 15:50

Status:

Active

» Closed (works as designed)

This problem appears to be no longer present.

Don't know why it is gone.

Comment #2

itserich CreditAttribution: itserich commented 12 September 2011 at 01:22

Status:

Closed (works as designed)

» Active

My mistake. BeautyTips UI was not enabled, when enabled the timeout recurs.

Comment #3

blackclover CreditAttribution: blackclover commented 14 September 2011 at 15:31

Category:	support	» bug
Priority:	Normal	» Critical

Drupal 7.8
BeautyTips 7.x-2.0-alpha4
Panels 7.x-3.x-dev (2011-Aug-25)
Views 7.x-3.0-rc1

There seems to be an ajax conflict with Beautytips, Panels and Views (admin overlay)or the 7.8 core. When saving a visibility rule in panels or changing a field format when adding a field to a view I get a similar errors.

Views error:
[{"command":"settings","settings":{"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"seven","theme_token":"xqw6E8i1bP0eF2Hfci9NmicX-65VFWjj62v21lwHOAY","css":[]},"beautytips":{".beautytips":.........more

Comment #4

blackclover CreditAttribution: blackclover commented 14 September 2011 at 16:56

Panels error:
[{"command":"settings","settings":{"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"blackclover","theme_token":"0s0jRQCIMlBJAkheTLxUmFO19IO9kf1rUugcWRclkHk","css":[]},"beautytips":{".beautytips":{"fill":"#ffffff","strokeStyle":"#666666","spikeLength":20,"spikeGirth":10,"width":350,"overlap":0,"centerPointY":1,"cornerRadius":0,"cssStyles":{"fontFamily":"\u0026quot;Lucida Grande\u0026quot;,Helvetica,Arial,Verdana,sans-serif","fontSize":"12px","padding":"10px 14px"},"shadow":1,"shadowColor":"rgba(0,0,0,.5)","shadowBlur":8,"shadowOffsetX":4,"shadowOffsetY":4,"cssSelect":".beautytips","list":["fill","strokeStyle","spikeLength","spikeGirth","width","overlap","centerPointY","cornerRadius","cssStyles","shadow","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"]},"bt_text_field":{"fill":"#ffffff","strokeStyle":"#666666","spikeLength":20,"spikeGirth":10,"width":"275px","overlap":0,"centerPointY":1,"cornerRadius":0,"cssStyles":{"fontFamily":"\u0026quot;Lucida Grande\u0026quot;,Helvetica,Arial,Verdana,sans-serif","fontSize":"12px","padding":"10px 14px"},"shadow":1,"shadowColor":"rgba(0,0,0,.5)","shadowBlur":8,"shadowOffsetX":4,"shadowOffsetY":4,"cssSelect":"input.form-text","trigger":["focus","blur"],"contentSelector":"$(this).nextAll('.description:eq(0)').hide().html()","positions":["bottom"],"preEval":true,"list":["fill","strokeStyle","spikeLength","spikeGirth","width","overlap","centerPointY","cornerRadius","cssStyles","shadow","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY","trigger","contentSelector","positions"]},"bt_text_area":{"fill":"#ffffff","strokeStyle":"#666666","spikeLength":20,"spikeGirth":10,"width":"275px","overlap":0,"centerPointY":1,"cornerRadius":0,"cssStyles":{"fontFamily":"\u0026quot;Lucida Grande\u0026quot;,Helvetica,Arial,Verdana,sans-serif","fontSize":"12px","padding":"10px 14px"},"shadow":1,"shadowColor":"rgba(0,0,0,.5)","shadowBlur":8,"shadowOffsetX":4,"shadowOffsetY":4,"cssSelect":"textarea.form-textarea","trigger":["focus","dblclick"],"contentSelector":"\n if ($(this).parent('.form-textarea-wrapper').nextAll('.description:eq(0)').length !== 0) {\n $(this).parent('.form-textarea-wrapper').nextAll('.description:eq(0)').hide().html();\n }\n else if ($(this).parent('.form-textarea-wrapper').parent('.form-item').nextAll('.description:eq(0)').length !== 0) {\n $(this).parent('.form-textarea-wrapper').parent('.form-item').nextAll('.description:eq(0)').hide().html();\n }","positions":["bottom"],"preEval":true,"list":["fill","strokeStyle","spikeLength","spikeGirth","width","overlap","centerPointY","cornerRadius","cssStyles","shadow","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY","trigger","contentSelector","positions"]}},"overlay":{"paths":{"admin":"media\/*\/edit\nmedia\/*\/multiedit\nmedia\/*\/delete\nnode\/*\/group\ngroup\/*\/*\/admin\/*\noverlay\/dismiss-message\nadmin\nadmin\/*\nbatch\ntaxonomy\/term\/*\/edit\nuser\/*\/cancel\nuser\/*\/edit\nuser\/*\/edit\/*\ndevel\/*\nnode\/*\/devel\nnode\/*\/devel\/*\ncomment\/*\/devel\ncomment\/*\/devel\/*\nuser\/*\/devel\nuser\/*\/devel\/*\ntaxonomy\/term\/*\/devel\ntaxonomy\/term\/*\/devel\/*","non_admin":"admin\/structure\/block\/demo\/*\nadmin\/reports\/status\/php"},"ajaxCallback":"overlay-ajax"},"admin_menu":{"destination":"destination=panels\/ajax\/editor\/access-configure-test\/panel_context%3Anode_view%3Anode_view_panel_context\/461\/add","hash":"ced41f64df605daac46f8676b5a62409","basePath":"\/admin_menu","replacements":{".admin-menu-users a":"0 \/ 2"},"margin_top":1,"position_fixed":1}},"merge":true},{"command":"modal_display","title":"Configure visibility rule for New custom content","output":"\u003cdiv class=\"messages\"\u003e\u003cdiv class=\"messages error\"\u003e\n\u003ch2 class=\"element-invisible\"\u003eError message\u003c\/h2\u003e\n\u003cem class=\"placeholder\"\u003eNotice\u003c\/em\u003e: Undefined property: stdClass::$new_plugin in \u003cem class=\"placeholder\"\u003epanels_renderer_editor-\u0026gt;ajax_access_configure_test()\u003c\/em\u003e (line \u003cem class=\"placeholder\"\u003e1323\u003c\/em\u003e of \u003cem class=\"placeholder\"\u003e\/home\/edelib\/public_html\/sites\/all\/modules\/panels\/plugins\/display_renderers\/panels_renderer_editor.class.php\u003c\/em\u003e).\u003c\/div\u003e\n\u003c\/div\u003e\u003cform action=\"http:\/\/www.e-deliberation.com\/panels\/ajax\/editor\/access-configure-test\/panel_context%3Anode_view%3Anode_view_panel_context\/461\/add\" method=\"post\" id=\"panels-edit-configure-access-test-form\" accept-charset=\"UTF-8\"\u003e\u003cdiv\u003e\u003cdiv class=\"form-item form-type-checkbox form-item-not\"\u003e\n \u003cinput type=\"checkbox\" id=\"edit-not\" name=\"not\" value=\"1\" class=\"form-checkbox\" \/\u003e \u003clabel class=\"option\" for=\"edit-not\"\u003eReverse (NOT) \u003c\/label\u003e\n\n\u003c\/div\u003e\n\u003cinput type=\"submit\" id=\"edit-save\" name=\"op\" value=\"Save\" class=\"form-submit\" \/\u003e\u003cinput type=\"submit\" id=\"edit-remove\" name=\"op\" value=\"Remove\" class=\"form-submit\" \/\u003e\u003cinput type=\"hidden\" name=\"form_build_id\" value=\"form-MTD7RFaY7CKZ9OhtlmGdyPnk-OZMsFloJJ-Pt2Y6x_0\" \/\u003e\n\u003cinput type=\"hidden\" name=\"form_token\" value=\"wVRdaNWIHuSfKALOE7hymB08tDglgiqPn4ah0WaZ3tM\" \/\u003e\n\u003cinput type=\"hidden\" name=\"form_id\" value=\"panels_edit_configure_access_test_form\" \/\u003e\n\u003c\/div\u003e\u003c\/form\u003e"}]

Comment #5

kleinmp CreditAttribution: kleinmp commented 30 September 2011 at 21:46

I did some testing and found that views were breaking with the advanced help option turned on and the panels were breaking with the text input option turned on. There were no javascript errors reported and I haven't drilled down and gotten to the bottom of this yet.

Comment #6

kleinmp CreditAttribution: kleinmp commented 3 October 2011 at 21:52

I narrowed this down a little more. On the panels page with the visibility rules, Drupal attaches behaviours after each modal form is submitted. When it gets to the last one, it dies sometime between when beautytips are attached and when ctools behaviours are attached, so the form is not run through the ctools ajax submission setup.

It seems to be happening somewhere within the jquery.bt.js file.

Comment #7

kleinmp CreditAttribution: kleinmp commented 21 October 2011 at 20:17

Status:

Active

» Closed (duplicate)

this is a duplicate of #1064358: Dialog Box, Chaos Tools and javascript issues with BeautyTips

Comment #8

itserich CreditAttribution: itserich commented 21 October 2011 at 20:22

No it is not. These modules worked fine together in D6.

I suppose if you change that issue's version you can refer to it as a duplicate. Or not? No idea whether they are related.

Comment #9

kleinmp CreditAttribution: kleinmp commented 21 October 2011 at 21:38

Status:

Closed (duplicate)

» Active

I think I may have tracked this down finally. When ctools (or views) open popups, they are loading the pages through ajax and adding the Drupal.settings again. It makes sense that they would add them, but since the beautytips settings are already there, the new settings are adding themselves instead of replacing the settings.

This results in values being stored as Arrays instead of strings which cause js to die in in the middle of processing and it never gets to adding ctools behaviors.

The best place to fix this would be when the settings are converted from php to js, but that's out of the scope of this module. We could also fix the settings on attach behaviors, but that seems like extra work.