It is not possible. You don't have to use Angular, your dashboard could be just html. But if you need Umbraco services(witch you probably do) you have to go with Angular in order to use the services you need.

If you need a boilerplate for creating a dashboard with Angular, then take a look at the modelsbuilder dashboard. You can find it in your Umbraco install -> /App_Plugins/ModelsBuilder/...

Hi kometa,

Here you can find a tutorial on how to add a dashboard : https://our.umbraco.com/documentation/Extending/Dashboards/

I don't know what you want to show. But a dashboard that shows a iframe could be a option.

Dave

I don't think a property editor is the way to go. Property editors are meant for editing content. And you have to use angular for that. And that is something you didn't want if I read your original post

Why is a iframe not an option ?

Dave

Why you think the iframe solution is not a good one. If you want to use a razor view or webforms this is the only option.

And what you mean with it needs a source url ?

Dave

Hi Kometa,

You can create a custom dashboard using MVC and Partial Views. Here are the starting pieces you will need to do it.

You will need to create you dashboard under the App_Plugins folder. Mine is called zpmConfig

1. You will need a Controller

[PluginController("zpmConfig")]
[OutputCache(NoStore = true, Duration = 0)]
public class zpmConfigController : SurfaceController
{
    public ActionResult zLayout()
    {
        return PartialView("~/App_Plugins/zpmConfig/Views/shared/zLayout.cshtml");
    }
}

2. You will need a Starting View (zLayout.cshtml)

    @Html.Partial("~/App_Plugins/zpmConfig/Views/Shared/_RequiredScripts_CDN.cshtml")
<script src="~/App_Plugins/zpmConfig/scripts/zLayout.js"></script>
<link href="~/App_Plugins/zpmConfig/Content/zLayout.css" rel="stylesheet" />
<div id="zbdApp">
    <header>
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                    <label id="PageTitle">Website Configuration</label>
                    <div id="PageTitleAccount"></div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                    @Html.Partial("~/App_Plugins/zpmConfig/Views/Shared/_dbButtons.cshtml")
                </div>
            </div>
        </div>
    </header>

    <div class="body-content container-fluid">
        <div id="DataContent">
        </div>
    </div>
    <footer>
        <div class="">
            <div class="row">
            </div>
        </div>
    </footer>
    @Html.Partial("~/App_Plugins/zpmConfig/Views/Shared/_zbdFramework.cshtml")
</div>

<script>
    $("#DataContent").load("/umbraco/backoffice/Plugins/zpmConfig/zpmConfig/Index");
</script>

3. In the root folder of your project, create a file named package.manifest

{
  "sections": [
    {
      "alias": "zpmConfig",
      "name": "Site Setup"
    }
  ],
  "dashboards": [
    {
      "alias": "zpmConfigDashboard",
      "view": "/umbraco/backoffice/Plugins/zpmConfig/zLayout",
      "sections": [ "zpmConfig" ],
      "access": [
        { "grant": "admin" }
      ],
      "weight": 20
    }
  ]
}

4. When you first Login to the Umbraco backoffice, the new section will not be available to you. Go to Users and assign the permissions to use it.

5. Logout, close the browser and then log back into the Umbraco BackOffice. Your new dashboard should be available to you.

is working on a reply...