Thanks Michael. I already checked this link before. It lacks explanation / examples on how to use the different directives, how to wrap them within each other, etc.
For instance for a single View, it starts with a umb-pane then inside it a header, etc.
The above directive sets up the header part of the edit view.
Now in the controller, Umbraco retrieves the Media Item as a Node, hence "page.menu", currentSection, currentNode, etc, are all populated.
In case I want to use the same directive, in my case, when I click on a custom section tree node, I am retrieving a record from database. Hence, the page.menu and rest of properties needed by the above built-in directive won't be available! Hence, won't be able to use it.
However, if I store my data as normal content items, maybe the above could work.
What's the recommendation here?
Shall I see how the built-in directive renders, and use the rendered html instead and provide whatever data i can?
Angularjs Directives available for backoffice
Hi,
Where can I find samples/documentation on using the different angularjs directives that could be used in the backoffice when developing custom trees.
For instance:
Thanks
Hi bilal,
you can find all of this infomation here:
https://our.umbraco.org/apidocs/ui/#/api
/Michaël
Thanks Michael. I already checked this link before. It lacks explanation / examples on how to use the different directives, how to wrap them within each other, etc.
For instance for a single View, it starts with a
umb-panethen inside it a header, etc.Appreciate if you can point me there.
Thanks
Bilal,
I know but it gives you a starting point.
What I mostly do is checking other umbraco pages by looking into the source code to see when or where they use directives.
All directives and views that umbraco has builtin you can find in the folder:
Umbraco/Views/.Hope this helps.
/Michaël
Thanks Michael for your help. For now I guess this is the best thing to go over what has been done in the framework.
/Bilal
Bilal,
maybe this can be helpfull to:
New template for the backoffice could look like this:
To add an overlay:
/Michaël
Hi Michael,
Following up on the above, in the
There is this markup:
The above directive sets up the header part of the edit view.
Now in the controller, Umbraco retrieves the Media Item as a Node, hence "page.menu", currentSection, currentNode, etc, are all populated.
In case I want to use the same directive, in my case, when I click on a custom section tree node, I am retrieving a record from database. Hence, the page.menu and rest of properties needed by the above built-in directive won't be available! Hence, won't be able to use it.
However, if I store my data as normal content items, maybe the above could work.
What's the recommendation here?
Shall I see how the built-in directive renders, and use the rendered html instead and provide whatever data i can?
Thanks
Hi Bilal,
you are correct, if you want to use this directive you need to populate these fields by yourself in your controller.
So you need to set the
content.name,content.tabsandpage.menufields./Michaël
Thanks.
Is there a way in Umbraco that I can use to wrap my "data nodes" as an umbraco node (including path, tabs, etc.)?
/Bilal
Bilal,
maybe you can create your own model with all of these properties to push to your controller?
/Michaël
Some of them are difficult to recreate. Anyways, I will see how to manage and share any feedback if I reach somewhere.
Thanks /Bilal
is working on a reply...