I want to modify the Umbraco 7 backend UI, but i don't know the best way to do this. I know that modifying the back end causes possible problems when upgrading to newer versions, but it is required for me to do that.
i wonder if it is possible, for example, to hide the default 'Properties' tab or other tabs on the content view other than injecting javascript code inside the view to hide this bij manupilating the DOM?
When extend the Umbraco functionality witch custom sections and property editors, everything is managed by package.manifest files and all stuff has to be inside the App_Plugins folder, but what if i want to add, for example, an directive that shows buttons beside the default 'Actions' dropdown on the content edit view?
It is possible to modify the umbraco/views/content/edit.html file, but how to load needed JS-files and other dependencies? I discovered that all Belle dependencies are loaded with LazyLoad.js inside the index.html file, but how to extend this with custom AngularJS files, like directives, services and factories? Maybe it is possible to modify the umbraco/js/loader.js file, but then the files must be in the umbraco folder instead of App_Plugins or an other folder outside the umbraco folder.
The umbraco/views/default.cshtml, the main file for the Umbraco UI, contains the following lines of code:
This does not work: The browser console shows this error: Uncaught ReferenceError: angular is not defined.
So, in general: How to extend/modifty the Umbraco UI, other than adding custom sections or propert editors? How to load JS-files and how to modify DOM?
Similar topic and a part of the answer to my question is:
I would recommend you to take a look at the package called backoffice-tweaking to see if this package can solve some of the things that you are trying to archive by modify the Umbraco 7 backend UI
How to customize the Umbraco 7 backend UI?
Hi all,
I want to modify the Umbraco 7 backend UI, but i don't know the best way to do this. I know that modifying the back end causes possible problems when upgrading to newer versions, but it is required for me to do that.
i wonder if it is possible, for example, to hide the default 'Properties' tab or other tabs on the content view other than injecting javascript code inside the view to hide this bij manupilating the DOM?
When extend the Umbraco functionality witch custom sections and property editors, everything is managed by package.manifest files and all stuff has to be inside the App_Plugins folder, but what if i want to add, for example, an directive that shows buttons beside the default 'Actions' dropdown on the content edit view?
It is possible to modify the umbraco/views/content/edit.html file, but how to load needed JS-files and other dependencies? I discovered that all Belle dependencies are loaded with LazyLoad.js inside the index.html file, but how to extend this with custom AngularJS files, like directives, services and factories? Maybe it is possible to modify the umbraco/js/loader.js file, but then the files must be in the umbraco folder instead of App_Plugins or an other folder outside the umbraco folder.
The umbraco/views/default.cshtml, the main file for the Umbraco UI, contains the following lines of code:
Hi Corné and welcome to our :-),
I would recommend you to take a look at the package called backoffice-tweaking to see if this package can solve some of the things that you are trying to archive by modify the Umbraco 7 backend UI
https://our.umbraco.org/projects/collaboration/backoffice-tweaking
Hope this package could be a better solution for you than modify the Umbraco 7 backend UI.
/Dennis
is working on a reply...