【问题标题】:icons missing for built in 2sxc actions内置 2sxc 操作缺少图标
【发布时间】:2023-04-09 02:48:01
【问题描述】:

我有一个奇怪的情况。我有一个 DNN 实例,上面运行着多个门户。我启动了一个新门户,当我添加一个 2sxc 内容应用程序时,添加和编辑等内置操作的图标不见了。但是,DNN 实例中的其他门户具有图标。

您可以在网站的下图中看到蓝色的操作按钮,但没有图标:

我已经检查了两个站点上呈现的 html,并且图标按钮包含相同的 html:

<div><i class="icon-sxc-pencil" aria-hidden="true"></i></div>

删除 aria-hidden="true" 不会使图标出现。我认为我必须在缺少图标的网站上缺少图标字体,但我不确定要使用哪个。

编辑 1

我注意到 font-awesome 没有被加载,所以我在网站的标题中添加了以下内容:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?cdv=607" type="text/css" rel="stylesheet">

但是图标还是不见了

有人对为什么这个图标不见了有一些想法吗?

谢谢

【问题讨论】:

    标签: dotnetnuke 2sxc


    【解决方案1】:

    我认为将图标映射到按钮的 CSS 有问题。

    首先只是增加客户端依赖数,我猜它会解决所有问题。

    否则使用inspect-element 进行更多调试,以查看其他工具栏如何获取其图标,以及此实例有什么不同。

    【讨论】:

    • 感谢 Daniel,我尝试增加客户端编号,但没有奏效。该门户使用 POLO 主题,因此我假设存在冲突的 css 规则,我将不得不深入挖掘以了解发生了什么。
    • 如果我检查元素并删除 并将其替换为任何文本值,则会出现该文本值。图标本身没有重新渲染。只是为了确认,这些是字体可怕的图标?我一定错过了一个导入
    • 2sxc inpage 包含一个自己的图标集,因为 font-awesome 太大/太重了。它使用 inpage-icons.css 进行映射,并来自一个名为 inpage-icons.woff 的小字体文件
    • 我刚刚更新了主帖以显示标签和 css-class 之间的连接
    • 谢谢,自定义 dnn 主题用其他东西覆盖了字体系列。它现在工作
    猜你喜欢
    • 1970-01-01
    • 2018-11-16
    • 1970-01-01
    • 1970-01-01
    • 2023-02-22
    • 1970-01-01
    • 2018-02-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多