Panel Content "Add Content" or "Region Style" yields page of code - Possible jquery UI conflict

Adding my voice here too — same result for "Add content"

[ { "command": "modal_display", "title": "Add content to Center", "output": "\x3cdiv class=\"panels-add-content-modal\"\x3e\x3cdiv class=\"panels-section-column panels-section-column-categories\"\x3e\x3cdiv class=\"inside\"\x3e\x3cdiv class=\"panels-categories-box\"\x3e\x3ca href=\"/panels/ajax/add-pane/1/center/activity\" .... etc. etc.

Drupal 6.11 (new installation) - Firefox browser
Panels 6.x-3.0-beta1
Chaos tools 6.x-1.0-beta1

In my theme I'm pulling in jquery UI (1.7.1) and jquery (1.3.2) — commenting this out lets Panels work properly.
I downgraded to JQueryUI (1.6) and panels works properly now too.

I get the same error on a fresh install of Drupal and I really don't know how to solve the problem.

Are you using one of the standard built-in themes?

Yes I am using the standard Garland theme.

Experiencing exactly the same problem. Drupal 6 vanilla install, Garland.

same problem here, though using a custom theme.

The description in the OP sounds like something is interferring with the javascript for the popup with the add content / region style options. #2 seems to indicate a conflict with jquery UI at fault. It doesn't appear to be theme related.

Michelle

Removed, posted on wrong issue.

Had the same problem... Error console reveals some themes problems.. switch to Garland and all works fine!

I can only do anything about reports like this if you look in your javascript console and find any error messages that may have appeared; if none appeared there, try your watchdog/apache/php error logs. An error message should appear in one place or the other.

If neither appears, then I need a procedure that lets me reproduce the bug, and this means reproducing it with as minimal requirements as possible.

Same problem, waiting for someone to post errors so it can be looked at. Going to try theme switch for now to see if that resolves it.

I was having a similar problem when using a custom theme. Through process of elimination I isolated it to a conflict with the jquery.dimension plugin (being used by another module). Once I disabled it, everything worked great.

I would try systematically commenting out JS until you can get it to work.

Using garland, I had the same problem and loads of code of ?crashed ajax?.
But until now it's only "sporadic".
For example now the selfmade panel frontpage got the error, the built in profile panel not.
[ { "command": "modal_display", "title": "Inhalt zu Anfang hinzufügen", "output": "\x3cdiv class=\"panels-add-content-modal\"\x3e\x3cdiv class=\"panels-section-column panels-section-column-categories\"\x3e\x3cdiv class=\"inside\"\x3e\x3cdiv class=\"panels-categories-box\"\x3e\x3ca href=\"/ylounge/panels/ajax/add-pane/panel_context%3Apage-frontpage%3Apage_frontpage_panel_context/top/aktivit--t\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eAktivität\x3c/a\x3e\x3ca href=\"/ylounge/panels/ajax/add-pane/panel_context%3Apage-frontpage%3Apage_frontpage_panel_context/top/ansichten\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eAnsichten\x3c/a\x3e\x3ca href=\"/ylounge/panels/ajax/add-pane/panel_context%3Apage-frontpage%3Apage_frontpage_panel_context/top/diverses\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eDiverses\x3c/a\x3e\x3ca href=\"/ylounge/panels/ajax/add-pane/panel_context%3Apage-frontpage%3Apage_frontpage_panel_context/top/men--s\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eMenüs\x3c/a\x3e\x3ca href=\"/ylounge/panels/ajax/add-pane/panel_context%3Apage-frontpage%3Apage_frontpage_panel_context/top/page-elements\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3ePage elements\x3c/a\x3e\x3ca href=\"/ylounge/panels/ajax/add-pane/panel_context%3Apage-frontpage%3Apage_frontpage_panel_context/top/steuerelement\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eSteuerelement\x3c/a\x3e\x3c/div\x3e\x3cdiv class=\"content-type-button clear-block\"\x3e\x3ca href=\"/ylounge/panels/ajax/add-pane-config/panel_context%3Apage-frontpage%3Apage_frontpage_panel_context/top/custom/custom\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Vollständig individuellen HTML-Inhalt erstellen.\"\x3e\x3cimg src=\"/ylounge/sites/all/modules/ctools/plugins/content_types/custom/icon_block_custom.png\" alt=\"\" title=\"\" width=\"16\" height=\"16\" /\x3e\x3c/a\x3e\x3cdiv\x3e\x3ca href=\"/ylounge/panels/ajax/add-pane-config/panel_context%3Apage-frontpage%3Apage_frontpage_panel_context/top/custom/custom\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Vollständig individuellen HTML-Inhalt erstellen.\"\x3eNeuer benutzerdefinierter Inhalt\x3c/a\x3e\x3c/div\x3e\x3c/div\x3e\x3cdiv class=\"content-type-button clear-block\"\x3e\x3ca href=\"/ylounge/panels/ajax/add-pane-config/panel_context%3Apage-frontpage%3Apage_frontpage_panel_context/top/node/node\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Beitrag von dieser Webseite als Inhalt hinzufügen.\"\x3e\x3cimg src=\"/ylounge/sites/all/modules/ctools/plugins/content_types/node/icon_node.png\" alt=\"\" title=\"\" width=\"16\" height=\"16\" /\x3e\x3c/a\x3e\x3cdiv\x3e\x3ca href=\"/ylounge/panels/ajax/add-pane-config/panel_context%3Apage-frontpage%3Apage_frontpage_panel_context/top/node/node\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Beitrag von dieser Webseite als Inhalt hinzufügen.\"\x3eExisting node\x3c/a\x3e\x3c/div\x3e\x3c/div\x3e\x3c/div\x3e\x3c/div\x3e\x3cdiv class=\"panels-section-columns\"\x3e\x3cdiv class=\"panels-categories-description\"\x3eContent options are divided by category. Please select a category from the left to proceed.\x3c/div\x3e\x3c/div\x3e" } ]

In #11 I asked for information in the javascript console. If you cannot be bothered to provide this information, please don't post.

sorry. i apologize.
i'm quite new to this and i dont know how much this helps but i do what i can.

here's what firebug says:
in console tab it's:

 $(context).find("div.grabber:not(.panel-draggable)").panelsDraggable is not a function
[Break on this error] $(context).find('div.grabber:not(.panel-draggable)').panelsDraggable();\n 

at the DOM tab there's the "$" and the "jquery" title in red, expanded each with "fx" in red.

but nothing at watchdog or status. so long the information. hope this helps to help me =)

thanks in advance!

edit: Admin_menu doesnt show up when editing breaking panel.
and at the moment it only breaks at self-built frontpage panel, not at profile panel which is "in code"

I spent all day trying to find what the problem is. It's all working when I used garland, but not when I was using my custom theme. I thought there was some .js conflict but after I disabled all .js in my theme, it was still not working.

then I deleted the "phptemplate_links($links, ...)" function ( or "themeName_links()" ) from the template.php file inside my theme folder. Now everything is ok (Well, almost. the whole sidebar_right doesn't show up but I guess I can live with that, for now)

Same Problem

Cannot add content

Using Garland as administration theme plus theme for editing content

Error:
"[ { "command": "modal_display", "title": "Add content to Left side", "output": "\x3cdiv class=\"panels-add-content-modal\"\x3e\x3cdiv class=\"panels-section-column panels-section-column-categories\"\x3e\x3cdiv class=\"inside\"\x3e\x3cdiv class=\"panels-categories-box\"\x3e\x3ca href=\"/panels/ajax/add-pane/1/left/activity\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eActivity\x3c/a\x3e\x3ca href=\"/panels/ajax/add-pane/1/left/menus\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eMenus\x3c/a\x3e\x3ca href=\"/panels/ajax/add-pane/1/left/miscellaneous\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eMiscellaneous\x3c/a\x3e\x3ca href=\"/panels/ajax/add-pane/1/left/node\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eNode\x3c/a\x3e\x3ca href=\"/panels/ajax/add-pane/1/left/page-elements\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3ePage elements\x3c/a\x3e\x3ca href=\"/panels/ajax/add-pane/1/left/widgets\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eWidgets\x3c/a\x3e\x3c/div\x3e\x3cdiv class=\"content-type-button clear-block\"\x3e\x3ca href=\"/panels/ajax/add-pane-config/1/left/node/node\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Add a node from your site as content.\"\x3e\x3cimg src=\"/sites/all/modules/ctools/plugins/content_types/node/icon_node.png\" alt=\"\" title=\"\" width=\"16\" height=\"16\" /\x3e\x3c/a\x3e\x3cdiv\x3e\x3ca href=\"/panels/ajax/add-pane-config/1/left/node/node\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Add a node from your site as content.\"\x3eExisting node\x3c/a\x3e\x3c/div\x3e\x3c/div\x3e\x3cdiv class=\"content-type-button clear-block\"\x3e\x3ca href=\"/panels/ajax/add-pane-config/1/left/custom/custom\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Create a completely custom piece of HTML content.\"\x3e\x3cimg src=\"/sites/all/modules/ctools/plugins/content_types/custom/icon_block_custom.png\" alt=\"\" title=\"\" width=\"16\" height=\"16\" /\x3e\x3c/a\x3e\x3cdiv\x3e\x3ca href=\"/panels/ajax/add-pane-config/1/left/custom/custom\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Create a completely custom piece of HTML content.\"\x3eNew custom content\x3c/a\x3e\x3c/div\x3e\x3c/div\x3e\x3c/div\x3e\x3c/div\x3e\x3cdiv class=\"panels-section-columns\"\x3e\x3cdiv class=\"panels-categories-description\"\x3eContent options are divided by category. Please select a category from the left to proceed.\x3c/div\x3e\x3c/div\x3e" } ]"

#18: I asked for specific information in #15, where I pointed to #11. The same message I supplied there applies here. Why are people unable to follow directions here?

mzi: Thank you for providing the information. Unfortunately that error simply mystifies me. I don't understand how that can be happening. :/

#17: Can you provide for me the code that was in the theme_links that was not working?

I needed to add "first" and "last" classes to my links. This is the function:

function bsc_links($links, $attributes = array('class' => 'links')){
$output = '';
  if (count($links) > 0) {
    $output = '<ul'. drupal_attributes($attributes) .'>';
    $num_links = count($links);
    $i = 1;
    foreach ($links as $key => $link) {
      $class = '';
      // Automatically add a class to each link and also to each LI
      if (isset($link['attributes']) && isset($link['attributes']['class'])) {
        $link['attributes']['class'] .= ' ' . $key;
        $class = $key;
      }
      else {
        $link['attributes']['class'] = $key;
        $class = $key;
      }
      // Add first and last classes to the list of links to help out themers.
      $extra_class = '';
      if ($i == 1) {
        $extra_class .= 'first ';
      }
      if ($i == $num_links) {
        $extra_class .= 'last ';
      }
      $output .= '<li class="'. $extra_class . $class .'">';
      // Is the title HTML?
      $html = isset($link['html']) && $link['html'];
      // Initialize fragment and query variables.
      $link['query'] = isset($link['query']) ? $link['query'] : NULL;
      $link['fragment'] = isset($link['fragment']) ? $link['fragment'] : NULL;
      if (isset($link['href'])) {
        $output .= l($link['title'], $link['href'], $link['attributes'], $link['query'], $link['fragment'], FALSE, $html);
      }
      else if ($link['title']) {
        //Some links are actually not links, but we wrap these in <span> for adding title and class attributes
        if (!$html) {
          $link['title'] = check_plain($link['title']);
        }
        $output .= '<span'. drupal_attributes($link['attributes']) .'>'. $link['title'] .'</span>';
      }
      $i++;
      $output .= "</li>\n";
    }
    $output .= '</ul>';
  }
  return $output;
}

I'd just like to say I'm having the same issue and the things I've tried for reference.
First, I added that "first" and "last" classes links code to the template.php files to no avail.
Second, I tried switching my administrative theme to Garland.
Third, I completely turned off JQUERY UI. Still outputing " [ { "command": "modal_display", "title": "Add content to " .....although it doesn't do it initially when I'm creating a page. Only after I'm going back and editing a created page.
Fourth, disabled javascript optimization and css optimization.

It does it both when adding new content and when using the layout designer. Basically anything using AJAX. Here's an error that pulled up on the recent logged entries report:

Type: page not found
Location: http://www.sanestrategy.com/sites/default/files/css/css_459cfd4a949ad46e...
Referrer: http://sanestrategy.com/admin/build/pages/nojs/operation/page-home/handl...
Message: sites/default/files/css/css_459cfd4a949ad46e84e86222238dd710.css

Other details:

Hosting: Dreamhost
MYSQL: 5.0.67
PHP: 5.2.9
jQuery Update: 1.2.6

As I said before, try removing the theme_links() in your theme. In my case, that was the answer

Deleting that screws up the admin theme. I'm currently using Rootcandy, which already has the links set up to use "first" and "last" classes.

Another thing I noticed, while I'm adding stuff to the list. When I'm creating a new page and the layout designer IS working on flexible layouts, it only works partly. You can't edit column widths without this error popping up:

"An error occurred while attempting to process http://www.sanestrategy.com/panels/ajax/flexible/resize/panel_context%3Apage-home%3Apage_home_panel_context "

One noticeable problem, I don't have either a panels folder in my root directory or an ajax folder inside the panels folder, so that entire address is wrong.

From Firebug:

This is looking at the Panel Content tab I get the following error:

$(context).find("div.grabber:not(.panel-draggable)").panelsDraggable is not a function
anonymous(Document panel_content)display_...itor.js?Q (line 481)
anonymous()drupal.js?Q (line 42)
anonymous(Object, function(), Object name=F)jquery.min.js (line 12)
anonymous(Document panel_content)drupal.js?Q (line 41)
anonymous()drupal.js?Q (line 276)
anonymous()jquery.j...val/seq/1 (line 1)
anonymous()jquery.j...val/seq/1 (line 1)
anonymous([function(), function(), function()], function(), Object name=c)jquery.j...val/seq/1 (line 1)
anonymous()jquery.j...val/seq/1 (line 1)
[Break on this error] $(context).find('div.grabber:not(.panel-draggable)').panelsDraggable();\ndisplay_...itor.js?Q (line 481

Then, after clicking "Add Content"

Drupal.CTools.Modal.modal.modalContent is not a function
anonymous()modal.js?Q (line 44)
anonymous()modal.js?Q (line 99)
anonymous(Object originalEvent=Event click type=click)jquery.min.js (line 19)
anonymous()jquery.min.js (line 19)
[Break on this error] background: '#fff'\nmodal.js?Q (line 44

I am having what I *think* is the same problem (my version of the lengthy version of the screen when I "add content" is pasted at the end of this message.)

I am running the latest version of everything and have Garland as my admin theme. I am running the same stuff on several other sites and don't have these problems. I just enabled Panels on my site today so that I can upload some Panels styles plugins I have been working on, and ran into this! I have been combing my site for differences but haven't come up with much yet.

Firefox gives me this error:
Error: jQuery.modalContent is not a constructor
Source File: http://www.buttonwillowsix.com/drupal/sites/default/files/js/js_620c6981...
Line: 914

---------
[ { "command": "modal_display", "title": "Add content to Top", "output": "\x3cdiv class=\"panels-add-content-modal\"\x3e\x3cdiv class=\"panels-section-column panels-section-column-categories\"\x3e\x3cdiv class=\"inside\"\x3e\x3cdiv class=\"panels-categories-box\"\x3e\x3ca href=\"/drupal/panels/ajax/add-pane/1/top/activity\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eActivity\x3c/a\x3e\x3ca href=\"/drupal/panels/ajax/add-pane/1/top/feeds\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eFeeds\x3c/a\x3e\x3ca href=\"/drupal/panels/ajax/add-pane/1/top/menus\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eMenus\x3c/a\x3e\x3ca href=\"/drupal/panels/ajax/add-pane/1/top/miscellaneous\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eMiscellaneous\x3c/a\x3e\x3ca href=\"/drupal/panels/ajax/add-pane/1/top/node\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eNode\x3c/a\x3e\x3ca href=\"/drupal/panels/ajax/add-pane/1/top/page-elements\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3ePage elements\x3c/a\x3e\x3ca href=\"/drupal/panels/ajax/add-pane/1/top/views\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eViews\x3c/a\x3e\x3ca href=\"/drupal/panels/ajax/add-pane/1/top/widgets\" class=\"ctools-use-ajax panels-modal-add-category\" title=\"\"\x3eWidgets\x3c/a\x3e\x3c/div\x3e\x3cdiv class=\"content-type-button clear-block\"\x3e\x3ca href=\"/drupal/panels/ajax/add-pane-config/1/top/node/node\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Add a node from your site as content.\"\x3e\x3cimg src=\"/drupal/sites/all/modules/ctools/plugins/content_types/node/icon_node.png\" alt=\"\" title=\"\" width=\"16\" height=\"16\" /\x3e\x3c/a\x3e\x3cdiv\x3e\x3ca href=\"/drupal/panels/ajax/add-pane-config/1/top/node/node\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Add a node from your site as content.\"\x3eExisting node\x3c/a\x3e\x3c/div\x3e\x3c/div\x3e\x3cdiv class=\"content-type-button clear-block\"\x3e\x3ca href=\"/drupal/panels/ajax/add-pane-config/1/top/custom/custom\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Create a completely custom piece of HTML content.\"\x3e\x3cimg src=\"/drupal/sites/all/modules/ctools/plugins/content_types/custom/icon_block_custom.png\" alt=\"\" title=\"\" width=\"16\" height=\"16\" /\x3e\x3c/a\x3e\x3cdiv\x3e\x3ca href=\"/drupal/panels/ajax/add-pane-config/1/top/custom/custom\" class=\"ctools-use-ajax panels-modal-add-config\" title=\"Create a completely custom piece of HTML content.\"\x3eNew custom content\x3c/a\x3e\x3c/div\x3e\x3c/div\x3e\x3c/div\x3e\x3c/div\x3e\x3cdiv class=\"panels-section-columns\"\x3e\x3cdiv class=\"panels-categories-description\"\x3eContent options are divided by category. Please select a category from the left to proceed.\x3c/div\x3e\x3c/div\x3e" } ]

You have js aggregation on, I see. Try turning it off?

I disabled everything remotely aggregator like, and that didn't do it, so I started looking at anything js related. It turns out it was Typekit! I had almost forgotten it was js. Commenting out the two lines in my template file fixed everything.

i humbled accidentally over that one:
i built up my site once again and didn't activate all modules at once.
so when i was configuring my frontpage panel i noticed that i did not activate the module content glider.
before activating everything went well but with content glider on, it breaks.
Don't know if this is random error, but for me, i'll take ddblock for now and hope that it works =)

Thanks for the great work, merlin.
Looking for some news at the angry donuts every day =)

Same here. None of the mentioned helped.

It very much seemd as a problem related to another one - when in views editing, it opens a new page on button clicks (cogwheel, pluses, updown arrows).

I have this problem on one site, but not on the other. Both same host, different domain.

Only difference is - drupal 6.14 vs 6.12. 6.14 is the non-working one.

At first, thanks a lot Merlin, for the great contribution to Drupal community.

Same problem here, with similar reports.

I think this is a theme issue. Changing from Amadou to Garland solves the problem in a dev site and in the production server.

Configuration up-to-date (Drupal 6.14, Panels 6.30, Ctools 6.10)

I've tried enabling and disabling several jquery related modules (subnodes by taxonomy, ajax load, also jQuery UI, among others). The theme was the "culprit".

Firebug: Error in parsing value for 'filter'. Declaration dropped.
[Break on this error] #admin-menu li li { width: 160px; backgr...ter:Alpha(opacity=88); opacity: 0.88; }\nadmin_menu.css?v (line 28)
Error in parsing value for 'vertical-align'. Declaration dropped.
[Break on this error] vertical-align: center;\npanels_dnd.css?v (line 319)
Selector expected. Ruleset ignored due to bad selector.
[Break on this error] }flexible...min.css?v (line 83)
Unexpected end of file while searching for closing } of invalid rule set.

I'll post this in the Amadou issues too, for information. And follow this thread with hope.

Any javascript/theme doctor in the audience?

TIA

I believe I have fixed at least one of these, which is the error that mzi was having.

I had an error:

[ { "command": "modal_display", "title": "Add content to Left side", "output": "\x3cdiv class=\"

When I have disconnected a local proxy - all became ОК

I had this issue after activating the Ajax module and posted an issue in the Ajax module queue at
http://drupal.org/node/618870, just putting this here for info of other people who have had this problem.

subscribing

I am seeing this error with Image Assist enabled. This is what Firebug is showing:

Drupal.settings.img_assist is undefined
http://mywebsitenamehere/rc/modules/acquia/img_assist/img_assist.js?Y
Line 15

anonymous(textarea#edit-empty.form-textarea)img_assist.js?Y (line 15)
anonymous("img_assist_link")drupal.js?Y (line 181)
anonymous()img_assist.js?Y (line 9)
anonymous(Object length=1 0=textarea#edit-empty.form-textarea, function(), Object name=c)jquery.j...val/seq/1 (line 1)
anonymous(function(), Object name=b)jquery.j...val/seq/1 (line 1)
anonymous(Object length=1 0=div#modal-content.modal-content)img_assist.js?Y (line 4)
anonymous()drupal.js?Y (line 42)
anonymous(Object, function(), Object name=c)jquery.j...val/seq/1 (line 1)
anonymous(Object length=1 0=div#modal-content.modal-content)drupal.js?Y (line 41)
anonymous(Object command=modal_display)modal.js?Y (line 236)
anonymous([Object command=settings argument=Object, Object command=modal_display 0=Object 1=Object])ajax-res...nder.js?Y (line 24)
success()jquery.j...val/seq/1 (line 1)
anonymous(4)

Disabling Image Assist gets rid of this error. Oddly, I have another site running the same Drupal version with Image Assist and a slightly different mix of modules and I do not get this error. I've tried removing various modules and re-enabling Image Assist, but haven't been able to figure out why this site is having the problem.

I'm happy to provide more info if someone can tell me what is needed. The text that is thrown up when I hit save is below.
-------------------------------------------------------
[ { "command": "append", "selector": "#panel-pane-left", "data": "\x3cdiv class=\"panel-pane\" id=\"panel-pane-new-16\"\x3e\x3cdiv class=\"grabber\"\x3e\x3cspan class=\"buttons\"\x3e\x3cdiv class=\"ctools-dropdown-no-js ctools-dropdown\" id=\"ctools-dropdown-1\"\x3e\x3cdiv class=\"ctools-dropdown-link-wrapper\"\x3e\x3ca href=\"#\" class=\"ctools-dropdown-link ctools-dropdown-image-link\"\x3e\x3cimg src=\"/rc/sites/all/modules/panels/images/icon-configure.png\" alt=\"\" title=\"\" width=\"16\" height=\"16\" /\x3e\x3c/a\x3e\x3c/div\x3e\x3cdiv class=\"ctools-dropdown-container-wrapper\"\x3e\x3cdiv class=\"ctools-dropdown-container\"\x3e\x3cul class=\"links\"\x3e\x3cli class=\"0 first\"\x3e\x3ca href=\"/rc/?q=panels/ajax/hide/panel_context%3Auser_view%3Auser_view_panel_context_2/new-16\" class=\"ctools-use-ajax\"\x3eDisable this pane\x3c/a\x3e\x3c/li\x3e\n\x3cli class=\"panels-set-title\"\x3e\x3ca href=\"/rc/?q=panels/ajax/panel-title/panel_context%3Auser_view%3Auser_view_panel_context_2/new-16\" class=\"ctools-use-ajax\"\x3ePanel title\x3c/a\x3e\x3c/li\x3e\n\x3cli class=\"1\"\x3e\x3ca href=\"/rc/?q=panels/ajax/configure/panel_context%3Auser_view%3Auser_view_panel_context_2/new-16\" class=\"ctools-use-modal\"\x3eSettings\x3c/a\x3e\x3c/li\x3e\n\x3cli class=\"2\"\x3e\x3ca href=\"/rc/?q=panels/ajax/pane-css/panel_context%3Auser_view%3Auser_view_panel_context_2/new-16\" class=\"ctools-use-modal\"\x3eCSS properties\x3c/a\x3e\x3c/li\x3e\n\x3cli class=\"3\"\x3e\x3cspan\x3e\x3chr /\x3e\x3c/span\x3e\x3c/li\x3e\n\x3cli class=\"4\"\x3e\x3cspan class=\"panels-sub-menu\"\x3e\x3cspan class=\"dropdown-header\"\x3eStyle\x3c/span\x3e\x3cul class=\"links\"\x3e\x3cli class=\"0 first\"\x3e\x3cspan class=\"panels-text\"\x3eNo style\x3c/span\x3e\x3c/li\x3e\n\x3cli class=\"1 last\"\x3e\x3ca href=\"/rc/?q=panels/ajax/style-type/pane/panel_context%3Auser_view%3Auser_view_panel_context_2/new-16\" class=\"ctools-use-modal\"\x3eChange\x3c/a\x3e\x3c/li\x3e\n\x3c/ul\x3e\x3c/span\x3e\x3c/li\x3e\n\x3cli class=\"5\"\x3e\x3cspan\x3e\x3chr /\x3e\x3c/span\x3e\x3c/li\x3e\n\x3cli class=\"6\"\x3e\x3cspan class=\"panels-sub-menu\"\x3e\x3cspan class=\"dropdown-header\"\x3eVisibility rules\x3c/span\x3e\x3cul class=\"links\"\x3e\x3cli class=\"0 first\"\x3e\x3cspan class=\"panels-text\"\x3eNo rules\x3c/span\x3e\x3c/li\x3e\n\x3cli class=\"1\"\x3e\x3ca href=\"/rc/?q=panels/ajax/access-add/panel_context%3Auser_view%3Auser_view_panel_context_2/new-16\" class=\"ctools-use-modal\"\x3eAdd new rule\x3c/a\x3e\x3c/li\x3e\n\x3cli class=\"2 last\"\x3e\x3ca href=\"/rc/?q=panels/ajax/access-settings/panel_context%3Auser_view%3Auser_view_panel_context_2/new-16\" class=\"ctools-use-modal\"\x3eSettings\x3c/a\x3e\x3c/li\x3e\n\x3c/ul\x3e\x3c/span\x3e\x3c/li\x3e\n\x3cli class=\"7\"\x3e\x3cspan\x3e\x3chr /\x3e\x3c/span\x3e\x3c/li\x3e\n\x3cli class=\"8\"\x3e\x3cspan class=\"panels-sub-menu\"\x3e\x3cspan class=\"dropdown-header\"\x3eCaching\x3c/span\x3e\x3cul class=\"links\"\x3e\x3cli class=\"0 first\"\x3e\x3cspan class=\"panels-text\"\x3eNo caching\x3c/span\x3e\x3c/li\x3e\n\x3cli class=\"1 last\"\x3e\x3ca href=\"/rc/?q=panels/ajax/cache-method/panel_context%3Auser_view%3Auser_view_panel_context_2/new-16\" class=\"ctools-use-modal\"\x3eChange\x3c/a\x3e\x3c/li\x3e\n\x3c/ul\x3e\x3c/span\x3e\x3c/li\x3e\n\x3cli class=\"9\"\x3e\x3cspan\x3e\x3chr /\x3e\x3c/span\x3e\x3c/li\x3e\n\x3cli class=\"10 last\"\x3e\x3ca href=\"/rc/?q=%23\" class=\"pane-delete\" id=\"pane-delete-panel-pane-new-16\"\x3eRemove\x3c/a\x3e\x3c/li\x3e\n\x3c/ul\x3e\x3c/div\x3e\x3c/div\x3e\x3c/div\x3e\x3c/span\x3e\x3cspan class=\"text\"\x3e\"Profile Node\" field group: LoTRO Characters in User Profile\x3c/span\x3e\x3c/div\x3e\x3cdiv class=\"panel-pane-collapsible\"\x3e\x3cdiv class=\"pane-title\"\x3eNo info\x3c/div\x3e\x3cdiv class=\"pane-content\"\x3eNo info available.\x3c/div\x3e\x3c/div\x3e\x3c/div\x3e" }, { "command": "changed", "selector": "#panel-pane-new-16", "star": "div.grabber span.text" }, { "command": "modal_dismiss" } ]

Merlin, first, thank you for this awesome module. And great presentation at DrupalCon Paris earlier this fall.

I have the same problem on 3 out of 7 sites with the same modules installed. When I try to change the flexible layout width, I get "An error occurred while attempting to process "http://glamshows.com/panels/ajax/flexible/resize/panel_context%3Apage-gl..." when trying to change the width of columns with the slider.

I am no developers, so I don't understand everything in the thread, but I noticed the 3 sites for which I cannot change the flexible layout width are the same for which the TweetMeme module gives me a green "?" on Content Profil pages (not using panels there). I thought I would share, maybe helping point out where the original cause is. My apologies if this is of no help.

I uninstalled and reinstalled Panels, JQueryUI and Update, and TweetMeme, and still getting the error.

-arnaud

Grappled with this for a long while. In my case it was appearing with a slideshow module (front page slide show). Whenever that block was included in the content the white screen with the code appeared. Removing it I could work on the rest of the panel panes and finally put in the slideshow at the end. Not great solution.

However the problem then started to occur with all instances of the panels. Finally, after noodling around in this issues thread I guessed it was some conflict with js or ajax. In my case I resolved the issue by simply changing my admin theme from Rubik (lovely but perhaps relies heavily on Ajax...?) to Blue Marine. Bingo back in business and I could Add Content again.

This seems a complex thread for a complex problem but this worked for me.

I too was having the same problem and noticed that I had enabled the "Development" Module. Once I disabled this the code worked fine.

Hope this Helps

Just wanted to add here that this happens to me when I enable Theme Developer from the devel module. Turning it off fixes the problem.

For a discussion and solution to the issue related to Image Assist, see #333018: Conflict with panels.

I can verify that subnet_rx's comment in #41 solved the problem for me, too. I have to say I am hugely relieved. Thanks!

Same problem here, no Image Assist module nor Theme Developer.
Had there been any progress on this - determining what clashes?

I still have the clash with JQuery UI whether I have theme developer on or not. Without theme developer though, I never get errors, Views and Panels just degrade to not using AJAX.

Solved it by removing js reference to jquery.dimensions.min.js from a custom theme that seems to have been clashing with dimensions.js from ctools.

Greetings. Similar problem here, clicking on "add content" resulted in a page of code. In this case it seems to have been a clash with the "themer info" module. Certainly, disabling it fixed Panels.

Troubleshooting Note: module fpss (Frontpage slideshow) has a conflict (error step1) with panels/ctools as well unless you set the javascript location in the fpss admin page to footer.

http://drupal.org/node/409798

We had the same problem. For us, the issue was caused by a recent upgrade to jQuery 1.9.1. As it turns out in 1.9.1, when calling jQuery() directly on an HTML fragment, anything starting with a character besides '<' is not considered an HTML string and raises an unrecognized expression error (see this StackOverflow post), which causes the modal display to fail. The Drupal.theme.prototype.CToolsModalDialog function in ctools/js/modal.js contains leading whitespace when constructing the HTML string, which causes the bug. I removed the leading whitespace there and things work fine. Our final function looks like this:

  Drupal.theme.prototype.CToolsModalDialog = function () {
    var html = ''
    html += '<div id="ctools-modal">'
    html += '  <div class="ctools-modal-content">' // panels-modal-content
    html += '    <div class="modal-header">';
    html += '      <a class="close" href="#">';
    html +=            Drupal.CTools.Modal.currentSettings.closeText + Drupal.CTools.Modal.currentSettings.closeImage;
    html += '      </a>';
    html += '      <span id="modal-title" class="modal-title">&nbsp;</span>';
    html += '    </div>';
    html += '    <div id="modal-content" class="modal-content">';
    html += '    </div>';
    html += '  </div>';
    html += '</div>';

    return html;
  }