I want to create a customized property editor with drag and drop interface.

Using asset service I have loaded Materilaize framework and semantic UI in property editor controller js.

After loading these frameworks, Entire Umbraco UI is not functioning properly. Umbraco UI picked up these loaded CSS framwork styles. How to avoid cascading?

How to load CSS frameworks without affecting Umbraco UI?

  angular.module("umbraco")
    .controller("SG.LayoutManipulatorController",
//inject umbracos assetsService
function ($scope,assetsService) {

//tell the assetsService to load the markdown.editor libs from the markdown editors
//plugin folder
assetsService
    .load([
        "/App_Plugins/LayoutManipulator/lib/jquery-2.2.3.min.js",
       "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"
    ])
    .then(function () {
        //this function will execute when all dependencies have loaded
        alert("editor dependencies loaded");
    });

//load the seperat css for the editor to avoid it blocking our js loading


assetsService.loadCss("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css").then(function () {
            //this function will execute when all dependencies have loaded
            alert("editor dependencies loaded cs");
       });
});