Is there a way to create a label that spans both columns of a tab in the BackOffice
In the BackOffice on a node or a DocType we are able to add Labels to our properties. But the Label picker from the property list only shows the label to the left column. I would like a full span label so I can create 'sections' in my node or doctype.
So in the UI for the node I would have a full span Label.
Most likely I would have to create a new DataType and use some Angular. Can anyone point me in the direction on how to do this? Or can someone share some code that could accomplish this?
Would be nice to know how it is done with the Angular. Might just have to check out the source. But thanks! Really appreciate it! FYI Umbraco Core crew. This should be built in!
Did anyone happen to make one of these packages for Umbraco v4.11? We have a site currently running that and until I get it ported over, this would be a great help.
This package use angularJS. In umbraco version 4 & 6 angularJS is not supported. But you can create a custom .net usercontrol as datatype and use this to do this in V 4. I don't know if there is any existing old package for V4. You can look into package repository. Maybe you find a package for this:
Is there a way to create a label that spans both columns of a tab in the BackOffice
In the BackOffice on a node or a DocType we are able to add Labels to our properties. But the Label picker from the property list only shows the label to the left column. I would like a full span label so I can create 'sections' in my node or doctype.
So in the UI for the node I would have a full span Label.
Most likely I would have to create a new DataType and use some Angular. Can anyone point me in the direction on how to do this? Or can someone share some code that could accomplish this?
I have inserted an image of my desired outcome
HI Carlos,
right, you can create an own custom property editor with angularJS or the simple way for you:
You can use this package:
https://our.umbraco.org/projects/backoffice-extensions/cmseperator
Hope this helps.
Best,
Sören
Hey!! There we go. That is exactly what I needed.
Would be nice to know how it is done with the Angular. Might just have to check out the source. But thanks! Really appreciate it.
Hey!! There we go. That is exactly what I needed.
Would be nice to know how it is done with the Angular. Might just have to check out the source. But thanks! Really appreciate it! FYI Umbraco Core crew. This should be built in!
Hi Carlos,
great that I could help you :-) Please mark my post above as solved.
There are a lot of tutorials for this. Here are examples to do this:
https://our.umbraco.org/Documentation/Extending-Umbraco/Property-Editors/creating-tutorial1-v7
http://belle-lab.thecogworks.co.uk/assets/belle-workbook.pdf
http://umbraco.github.io/Belle/#/tutorials
Best,
Sören
Thanks for the info. I really am going to do more with this.
@Soren,
Did anyone happen to make one of these packages for Umbraco v4.11? We have a site currently running that and until I get it ported over, this would be a great help.
-Carlos
Hi Carlos,
This package use angularJS. In umbraco version 4 & 6 angularJS is not supported. But you can create a custom .net usercontrol as datatype and use this to do this in V 4. I don't know if there is any existing old package for V4. You can look into package repository. Maybe you find a package for this:
https://our.umbraco.org/projects
Best,
Sören
is working on a reply...