Hello
I’ve just run into an issue where I cannot update the content of my pages through Site Builder.
My site is running on WP Engine, with a Customizr child theme and WordPress 4.1.
I have deactivated all plugins except site builder, but the issue remains. This is the error I get when trying to click the Done button.
Uncaught TypeError: Cannot read property '2' of null siteorigin-panels.min.js?ver=2.0.3:1 (anonymous function) load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,utils,jquery-ui-widget,jquery…:2 m.extend.eachload-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,utils,jquery-ui-widget,jquery…:2 m.fn.m.eachsiteorigin-panels.min.js?ver=2.0.3:1 panels.view.dialog.Backbone.View.extend.getFormValuessiteorigin-panels.min.js?ver=2.0.3:2 panels.dialog.widget.panels.view.dialog.extend.saveWidgetload-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,heartbeat,autosave,wp-ajax-response,jquery…:357 k load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,heartbeat,autosave,wp-ajax-response,jquery…:357 b.Events.trigger siteorigin-panels.min.js?ver=2.0.3:1 panels.view.dialog.Backbone.View.extend.closeDialogsiteorigin-panels.min.js?ver=2.0.3:2 panels.dialog.widget.panels.view.dialog.extend.saveHistoryload-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,utils,jquery-ui-widget,jquery…:3 m.event.dispatchload-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,utils,jquery-ui-widget,jquery…:3 r.handle
Behaviors:
When editing an existing text widget, the Done, X, Duplicate, buttons do not function. The Delete function still works however. A page reload is required in order to exit the widget editing area.
When viewing the overall page layout the blue boxes representing rows are stretched very tall, while the widget boxes appear as normal.
It is possible to duplicate an existing widget and move it – it will appear and remain in place in the site builder editor after a page update, but does not appear on the actual webpage.
Using the Live Editor function returns similar/identical errors when editing the widgets.
Uninstalling and reinstalling the plugin (again, with all other plugins deactivated) does not solve the problem.
Question:
Any thoughts on what can be done to solve this on my end? Or will there be an update to the code to solve this coming soon?
Hi Aeron
Thanks for reaching out. Sorry to hear about these hassles. Please can you retest with a default theme like Twenty Fourteen activated and see if there is any change in behaviour.
Hi, i found this forum-entry, cause i got the same error-log.
It appeared whenever i click on “Done” after editing a widget.
—-
Background of my Widget:
I build a widget that uses javascript for constructing some interactive area to build the input-fields for an html-accordion. Inside the interactive area i used some dynamic created input-fields. On every change i stored the resulting data of the interaction area (as JSON) inside a hidden input that will be saved by the widget.
—-
For all the widget-developers that faces the same bug. I found a Solution for the “Bug” above.
I had to give a name-property to every dynamic generated input-field i used in my interactive area. Every input-field has to have a name-property with a value. Even if it is not submitted / used once the widget-data are saved.
It seems that the pagebuilder plugin walk all input-fields in the widget, gets the name and submit the data via ajax to a saving mechanism. If there is no name-property it will tumble.
This is not a bug, but a “you have to know”. But maybe it still could be fixed by make the “Done”-Button functionality more foolproof.
Thanks for pagebuilder – it is a great plugin!
I was trying to include this plugin http://codeb.it/fonticonpicker/ into a custom widget i was developing and I got same error as described above.
Thank you very much Volkmar, you just save my day or week maybe.
The main goal of this plugin is to be able to add a list of icons loaded manually, for example, svg icon from a json (icomoon) file.
After few days of digging whats going on, i found Volkmar answer and i figure out that the plugin is rendering html with some input and select without names or values attributes (both hidden).
Conclution:
I had to use a parameter to avoid drawing the ‘search’ dom and remove an unused one to fix this bug
jQuery(this).on(‘panelsopen’, function() {
jQuery(‘.js-iconpicker’).fontIconPicker({
hasSearch: false //This one avoid drawing a search input
});
jQuery(‘.js-iconpicker’).parent().find(‘.selector-category’).remove(); // this one is to remove the unused one
});
I have just started to use Page Builder and i like it very much, and i also encourage the developers team to fix this issue cause conflicts like this one are sooooooooooo invisible :P
Thanks anyway for the hard work
Big up!!