ruby-on-rails - ActiveAdmin:将默认主题样式应用于自定义面板的自定义部分
问题描述
我正在为我的项目使用 Active Admin。我想要一个索引页面的自定义面板。问题是我不知道如何应用默认的 ActiveAdmin 样式我的自定义部分。目前它的风格被打破
我希望统计/摘要部分位于Summary
面板内并具有更好的格式,如简单表格
下面是我的代码
ActiveAdmin.register UserAnswer do
config.per_page = 1
index do
panel "Summary" do
render partial: "summary"
end
column :answer do |u_answer|
link_to u_answer.answer.content, [ :admin, u_answer.answer]
end
actions
end
end
我只想在summary
面板内添加基本表
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><h3>Total Attempts</h3></td>
<td><h3>100</h3></td>
</tr>
<tr>
<td><h3>Answers</h3></td>
<td>
<h3>Answer 1: Chosen 1000 times</h3>
<h3>Answer 2: Chosen 1000 times</h3>
<h3>Answer 3: Chosen 1000 times</h3>
<h3>Answer 4: Chosen 1000 times</h3>
<h3>Answer 5: Chosen 1000 times</h3>
</td>
</tr>
</tbody>
</table>
解决方案
我不知道为什么尝试将表格添加到面板中会使 UI 混乱。我提出了一个解决方案,只需将表单独放置并合并其表头以使其成为普通面板标题并将类添加index_table
到表中
最终代码将是
<table class="index_table" style="margin-top: 100px">
<thead>
<tr>
<th colspan="2">Summary</th>
</tr>
</thead>
<tbody>
<tr>
<td><h3>Total Attempts</h3></td>
<td><h3><%= UserAnswer.count %> </h3></td>
</tr>
...
</tbody>
</table>
而且,不再使用panel
ActiveAdmin.register UserAnswer do
config.per_page = 1
index do
render partial: "summary"
column :answer do |u_answer|
link_to u_answer.answer.content, [ :admin, u_answer.answer]
end
actions
end
end
推荐阅读
- javascript - TypeError:无法读取未定义 React 的属性“匹配”
- javascript - PhantomJS - 如何从 file1.js 调用 file2.js(通过将参数从 file1 传递到 file2)
- html - 桌面优先网站中的汉堡包
- javascript - 为什么在 for 循环中设置高度的样式不起作用?
- wpf - 带有资源字典的自定义控件
- rdf - 货币的 RDF 标准数据类型
- groovy - 如何将每个采样器的开始和结束时间捕获到变量中,并将其作为输入传递给采样器请求?
- sublimetext3 - 是否可以为每个项目定义不同的配色方案?
- android - EditText 文本下的行是如何创建的?
- javascript - 有没有办法让一个重定向的 html 页面作为图像的来源?