U4-10256 - Make umb-box component + add documentation

Created by Mads Rasmussen 07 Aug 2017, 07:17:38 Updated by Mads Rasmussen 17 Aug 2017, 07:29:37

Subtask of: U4-8632

In the user section, we have added a new style "umb-box". We need to make this into an angular component and add the necessary documentation so it is easy to reuse.


Bjarne Fyrstenborg 07 Aug 2017, 07:31:35

@madsrasmussen I have also used umbNodePreview https://github.com/umbraco/Umbraco-CMS/blob/9badb35c054ecc91630b69b1b6753c78427cb4a6/src/Umbraco.Web.UI.Client/src/common/directives/components/umbnodepreview.directive.js in a custom property editor, but it seems the documentation isn't updated with this.


Zsolt Laszlo 16 Aug 2017, 14:05:39


*Go to back office *go to users section *click on one of the users

Everything should look exceedingly normal. I created components for the "Profile" and "Access" boxes. I also added documentation to to them.

The changed html tags into components: *umb-box *umb-box-header *umb-box-content

You can find the directive.js files in this folder: Umbraco.Web.UI.Client\src\common\directives\components\html\umbbox

You can file the html files in this folder: Umbraco.Web.UI.Client\src\views\components\html\umb-box

Mads Rasmussen 17 Aug 2017, 07:21:44

Beautiful 👍

Mads Rasmussen 17 Aug 2017, 07:29:27

@Bjarne.Fyrstenborg You are right. We have forgotten to deploy the documentation to Our. That's just stupid when it is written 😃 I have created a task to remind us http://issues.umbraco.org/issue/U4-10303

Priority: Normal

Type: Task

State: Fixed


Difficulty: Normal


Backwards Compatible: True

Fix Submitted:

Affected versions: 7.7.0

Due in version: 7.7.0

Sprint: Sprint 65

Story Points: 1