覆盖或删除注入Buildfire应用程序的appTheme CSS

时间:2018-02-12 06:27:52

标签: javascript dom buildfire

因此,我面临通过Buildfire平台创建大型自定义应用的挑战。客户端有很多自定义元素样式被仪表板中的appTheme设置覆盖,并且以传统CSS方式覆盖这些样式正在成为一项巨大的任务。

我编写了这个小函数来删除注入到应用程序中的自定义样式,到目前为止,所有客户端的自定义样式都正确显示。

我想我会与社区分享这个,因为这是我们团队无法解决的问题。

2 个答案:

答案 0 :(得分:3)

如果您想在插件中禁用appTheme CSS,您可以在窗口小部件的HTML中使用元标记,如下所示:

<meta name="buildfire" content="disableTheme">

这涵盖了meta tag部分下的SDK wiki。

答案 1 :(得分:1)

此代码位于AngularJS Application的index.html文件中。

<body ng-controller="mainController" onload="removeCustomCSS()">
<script>
    function removeCustomCSS() {
      let links = document.querySelectorAll('[href*=appTheme]');
      links[0].remove();
    }
</script>