[Resolved] Layout editing view not opening

[Author]

Posts

[puneetS-3]

I have a layout which I was trying to add JS inside, once I saved it, It didn't open, and is acting very funny. See the recording here: hidden link

This is my console error:

Uncaught SyntaxError: Unexpected token <
    at eval (<anonymous>)
    at load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:2
    at Function.globalEval (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:2)
    at Ga (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at a.fn.init.append (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at a.fn.init.<anonymous> (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at X (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at a.fn.init.html (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at N.d.render (CollectionView.js?ver=2.6.1:65)
    at N.d.render (RowsView.js?ver=2.6.1:26)
CellView.js?ver=2.6.1:811 Uncaught TypeError: Cannot read property 'handle_cell_enter' of undefined
    at N.d._manageMouseEnter (CellView.js?ver=2.6.1:811)
    at HTMLDivElement.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at HTMLDivElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at HTMLDivElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
video-editor.js:153 Tool clear!
(anonymous) @ video-editor.js:153
3CellView.js?ver=2.6.1:811 Uncaught TypeError: Cannot read property 'handle_cell_enter' of undefined
    at N.d._manageMouseEnter (CellView.js?ver=2.6.1:811)
    at HTMLDivElement.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at HTMLDivElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at HTMLDivElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
2CellView.js?ver=2.6.1:126 Uncaught TypeError: Cannot read property 'is_in_editable_state' of undefined
    at N.d._manageCellSelection (CellView.js?ver=2.6.1:126)
    at HTMLDivElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at HTMLDivElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
CellView.js?ver=2.6.1:811 Uncaught TypeError: Cannot read property 'handle_cell_enter' of undefined
    at N.d._manageMouseEnter (CellView.js?ver=2.6.1:811)
    at HTMLDivElement.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at HTMLDivElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)
    at HTMLDivElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,underscore,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-dragga&load[]=ble,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,jquery-ui-tabs,backbone,jquery-effects-core,jquery-effects-size,jquery-&load[]=effects-scale,jquery-ui-sortable,wp-pointer,quicktags,wp-a11y,wplink,suggest,shortcode,wp-util&ver=5.2.2:3)

Please help me fix this.

[Nigel]

The problem happened once you edited the Layout to add JS to the Content Template cell within the Layout, is that right?

Does it help if you go to Toolset > Content Templates and edit the content template directly, then delete the JS that you added?

Are you then able to edit the Layout normally?

[puneetS-3]

The problem happened once you edited the Layout to add JS to the Content Template cell within the Layout, is that right?
Yes

Does it help if you go to Toolset > Content Templates and edit the content template directly, then delete the JS that you added?

Can't see the same content. This is actually the template for orders. I access it throught Toolset > Dashbaord > Orders > Template for Orders

Are you then able to edit the Layout normally?

No

[puneetS-3]

I think I have left "<" inside the HTML container of the template. It is not opening since then, nor is it scrolling down.

[Nigel]

From your screen recording the Content Template inserted into this Layout is "Content Template for Template for Orders Layout".

You seem to be mixing up Layouts and using Content Templates, and with Layouts active if you use the Toolset Dashboard to go to the template for Orders it will take you to this Layout which I assume (can't see in the screenshot) is assigned to Orders.

You should be able to locate and edit directly the content template "Content Template for Template for Orders Layout" if you go to Toolset > Content Templates.

You should hopefully be able to edit and make changes to the content template directly which will fix the issue when you try to edit the Layout which uses it.

[puneetS-3]

My issue is resolved now. Thank you!