css - 实现管理布局 NopCommerce？

Question

我使用 Google Charts Api 制作了一些图表，我想在 NopCommerce Amin 面板中显示这些图表。但是我想遵循现有的布局，但它对我不起作用。尝试使用表格、tr 的 td、更改不同标签上的类，但这些都不起作用。

我将如何使用默认管理布局显示我的图表？

这就是我要显示的内容，只有 4 个简单的 div:

<div id="chart_div1" style="width: 900px; height: 500px;">
    </div>

<div id="chart_div2" style="width: 900px; height: 500px;">
    </div>

<div id="chart_div3" style="width: 900px; height: 500px;">
    </div>

<div id="chart_div4" style="width: 900px; height: 500px;">
    </div>

管理面板显示我只是想在我的图表周围使用相同颜色的表格。这是现在的样子:

谢谢

Answer 1

nopcommerce 管理区域中使用的中央表是使用 telerik 控件构建的。

对其编辑的直接控制非常有限。

最好的办法是在您自己的管理样式表中模仿表格样式，以创建看起来像 telerik 主题的表格外观。

重复的 TELERIK 样式

如果您使用默认主题，如图片所示，您可以打开:

\Content\2013.2.611\telerik.default.min.css

将你想要的表格样式复制到你的管理styles.css

\Administration\Content\styles.css

您添加到管理区域的任何表格将看起来与 telerik 网格相同。