We have an issue in a site with the backoffice and adding an Umbraco Form to a cell in the grid designer. After the form is added (as a macro), once it renders you can't change to any other pages in the content tree. Clicking on the pages doesn't do anything. Also, none of the slideout dialogs work in the grid editor (media picker for example).
When clicking the gear settings icon this javascript error can be seen in the console:
angular.min.js?cdv=746561277:63 TypeError: dialog.element.modal is not a function
at Object.scope.show (umbraco.services.js?cdv=746561277:1637)
at onSuccess (umbraco.services.js?cdv=746561277:1670)
at i (angular.min.js?cdv=746561277:79)
at i (angular.min.js?cdv=746561277:79)
at angular.min.js?cdv=746561277:80
at Object.$eval (angular.min.js?cdv=746561277:92)
at Object.$digest (angular.min.js?cdv=746561277:90)
at Object.$apply (angular.min.js?cdv=746561277:92)
at HTMLAnchorElement.
The issue only begins once the form renders. If you are quick you can open a media picker or change documents. Once the form renders these don't work.
The Umbraco instance is version 7.2 but we upgraded to 7.5 and the issue persisted.
Over on the Umbraco-Forms slack channel @lars-erik suggested
you might not want to render it in the grid if it has a script in it
Following this suggestion I unchecked the Render in rich text editor and the grid checkbox on the Insert Form macro. (This is the default macro for rendering an Umbraco form).
This change fixed the issue and we can change to different pages and use the slideout dialogs if the form is not rendered.
Not rendering the form is not ideal for the editor as there is no representation of the form and it is not clear which form has been selected. We will need to investigate further as to why rendering the form causes this conflict.
Umbraco Form in Grid breaks backoffice
Hi
We have an issue in a site with the backoffice and adding an Umbraco Form to a cell in the grid designer. After the form is added (as a macro), once it renders you can't change to any other pages in the content tree. Clicking on the pages doesn't do anything. Also, none of the slideout dialogs work in the grid editor (media picker for example).
When clicking the gear settings icon this javascript error can be seen in the console:
angular.min.js?cdv=746561277:63 TypeError: dialog.element.modal is not a function at Object.scope.show (umbraco.services.js?cdv=746561277:1637) at onSuccess (umbraco.services.js?cdv=746561277:1670) at i (angular.min.js?cdv=746561277:79) at i (angular.min.js?cdv=746561277:79) at angular.min.js?cdv=746561277:80 at Object.$eval (angular.min.js?cdv=746561277:92) at Object.$digest (angular.min.js?cdv=746561277:90) at Object.$apply (angular.min.js?cdv=746561277:92) at HTMLAnchorElement.
The issue only begins once the form renders. If you are quick you can open a media picker or change documents. Once the form renders these don't work.
The Umbraco instance is version 7.2 but we upgraded to 7.5 and the issue persisted.
Anyone seen anything like this?
Dallas
Over on the Umbraco-Forms slack channel @lars-erik suggested
Following this suggestion I unchecked the Render in rich text editor and the grid checkbox on the Insert Form macro. (This is the default macro for rendering an Umbraco form).
This change fixed the issue and we can change to different pages and use the slideout dialogs if the form is not rendered.
Not rendering the form is not ideal for the editor as there is no representation of the form and it is not clear which form has been selected. We will need to investigate further as to why rendering the form causes this conflict.
Dallas
Hi all,
Any updates here? I have the same issue if add a form my models throw above error.
Thanks,
is working on a reply...