在Dashing小部件中更改moreinfo文本位置

Question

我有一个带有许多文本小部件的Dashing仪表板。这些都有moreinfo数据标签。我发现有必要为小部件使用相当小的基本尺寸。

这是小部件的样子：

描述此小部件的.erb代码是：

＆＃13;

＆＃13;

<li data-row="2" data-col="2" data-sizex="1" data-sizey="1">
<div data-id="dc-us01mtd" data-view="Text" data-moreinfo="MTD"></div>
</li>

＆＃13;

＆＃13;

＆＃13;

所以，我只想将moreinfo标签移动下来。我无法弄清楚两件事：

1. 是什么造成了＆＃34;褪色＆＃34;效果可以在＆＃34; MTD＆＃34;刻字，可以删除吗？
2. 如何将moreinfo文本移近窗口小部件的底部，或者移动＆＃34; 100％＆＃34; （从发布源发送到窗口小部件）？或两者兼而有之？

到目前为止，我完全无法找到这个。我几乎没有.css技能，这肯定会阻碍我。任何指针，甚至是我可能想要的建议？

Answer 1

您可以通过编辑元素的边距来移动css中元素的位置。例如，你可以把

.more-info {
  margin-top: 20px;
}

在您的小部件的css文件中。这会将more-info元素相对于原​​来的位置向下移动20个像素。

至于淡化文本，我必须看到你的代码。