I was just wondering if someone could point me in the right direction with regards the best way to set up a new section in the backend? I have created a separate angular web application and I would like to create a new section in the backend and have the new angular displayed when I click the new section?
I would also like to lock this section down so that only certain members have access.
So you need to create some sort of controller to manage the new section? I thought I would be able to manage this through config files and display the angular app?
Thanks Dan Diplo. That link made much more sense and now I have a new section. The only problem I have now is that it is not picking up my package.manifest and therefore it can't find my js files or css files. Its also not picking up my Lang folder with the en-GB.xml file in there so the Section title doesnt show properly and shows the alias in the square brackets?
Common problems are you have named something wrong or have a syntax error in your package.manifest (it has to be valid JSON). Check browser console for any errors. Make sure web.config is in debug mode, too, as it prevents caching issues.
I can provide an example from one of my packages that might be useful to compare to:
But when I open the developer tools in chrome its trying to look for my files in /umbraco/css/main.css and /umbraco/js/bundle.js?
Also I dont have a tree in my section. I have set up the section which now shows and I have one tab where I am trying to load a custom angular app I have written outside of Umbraco in a separate Web App Project
New backend section
Hi,
I was just wondering if someone could point me in the right direction with regards the best way to set up a new section in the backend? I have created a separate angular web application and I would like to create a new section in the backend and have the new angular displayed when I click the new section?
I would also like to lock this section down so that only certain members have access.
Thanks, Jay
Have a read of these articles
http://www.enkelmedia.se/blogg/2013/11/22/creating-custom-sections-in-umbraco-7-part-1.aspx
https://skrift.io/articles/archive/sections-and-trees-in-umbraco-7/
So you need to create some sort of controller to manage the new section? I thought I would be able to manage this through config files and display the angular app?
Maybe have a look through the Extending documentation - https://our.umbraco.org/documentation/Extending/
If you want stuff in the Umbraco back-end (when you log in) then either a dashboard or custom tree would work.
You mention members - do you mean back-end users? (Members in Umbraco means front end-users, and these don't have access to Umbraco admin).
Thanks Dan Diplo. That link made much more sense and now I have a new section. The only problem I have now is that it is not picking up my package.manifest and therefore it can't find my js files or css files. Its also not picking up my Lang folder with the en-GB.xml file in there so the Section title doesnt show properly and shows the alias in the square brackets?
Common problems are you have named something wrong or have a syntax error in your
package.manifest
(it has to be valid JSON). Check browser console for any errors. Make sureweb.config
is in debug mode, too, as it prevents caching issues.I can provide an example from one of my packages that might be useful to compare to:
https://github.com/DanDiplo/Diplo.DictionaryEditor/tree/master/PropertyEditor/App_Plugins/DiploDictionaryEdit
Ensure names match your Tree Controller:
https://github.com/DanDiplo/Diplo.DictionaryEditor/blob/master/Diplo.Dictionary/Sections/EditorTreeController.cs
My package.manifest looks like this:
{ "javascript": [ "~/AppPlugins/SlaterBartonMembersArea/App/js/bundle.js" ], "css": [ "~/AppPlugins/SlaterBartonMembersArea/App/css/main.css" ] }
But when I open the developer tools in chrome its trying to look for my files in /umbraco/css/main.css and /umbraco/js/bundle.js?
Also I dont have a tree in my section. I have set up the section which now shows and I have one tab where I am trying to load a custom angular app I have written outside of Umbraco in a separate Web App Project
is working on a reply...