如何在 rails 上将 CSS class 添加到 ruby
How to add CSS class to ruby on rails
我正在尝试使用以下 Redmine 帐户菜单列表中的 bootstrap 更改样式。
我想将下拉菜单应用于 'my account' 和 'sign out'。
Redmine.rb
Redmine::MenuManager.map :account_menu do |menu|
menu.push :login, :signin_path, :if => Proc.new { !User.current.logged? }
menu.push :register, :register_path, :if => Proc.new { !User.current.logged? &&
Setting.self_registration? }
menu.push :my_account, { :controller => 'my', :action => 'account' }, :if => Proc.new {
User.current.logged? }
menu.push :logout, :signout_path, :html => {:method => 'post'}, :if => Proc.new {
User.current.logged? }
end
base.html.erb
<div id="account">
<%= render_menu :account_menu -%>
</div>
查看源代码
<div id="account">
<ul>
<li><a class="my-account" href="/my/account">My account</a></li>
<li><a class="logout" rel="nofollow" data-method="post" href="/logout">Sign out</a></li>
</ul>
</div>
如何将 class="dropdown-menu" 添加到 <ul>
标签?
既然你要修改Redmine,那么有多种方法。
- 使用插件:https://redmine.org/plugins/redmine_view_customize
它允许您 运行 javascript 或在特定页面上添加 css,然后通过 jquery 选择器添加 class,对于这种情况:
$("#account > ul").addClass("dropdown-menu");
- 创建您自己的插件并使用 Deface 插件 https://www.redmine.org/plugins/redmine_base_deface to modify existing layout. (if your plugin is of public good, you can share it with us via github and Redmine's plugin list on https://www.redmine.org/plugins)
- 修改现有的 Redmine 安装,但创建一个 .patch 文件 https://www.redmine.org/projects/redmine/wiki/Patch
我正在尝试使用以下 Redmine 帐户菜单列表中的 bootstrap 更改样式。
我想将下拉菜单应用于 'my account' 和 'sign out'。
Redmine.rb
Redmine::MenuManager.map :account_menu do |menu|
menu.push :login, :signin_path, :if => Proc.new { !User.current.logged? }
menu.push :register, :register_path, :if => Proc.new { !User.current.logged? &&
Setting.self_registration? }
menu.push :my_account, { :controller => 'my', :action => 'account' }, :if => Proc.new {
User.current.logged? }
menu.push :logout, :signout_path, :html => {:method => 'post'}, :if => Proc.new {
User.current.logged? }
end
base.html.erb
<div id="account">
<%= render_menu :account_menu -%>
</div>
查看源代码
<div id="account">
<ul>
<li><a class="my-account" href="/my/account">My account</a></li>
<li><a class="logout" rel="nofollow" data-method="post" href="/logout">Sign out</a></li>
</ul>
</div>
如何将 class="dropdown-menu" 添加到 <ul>
标签?
既然你要修改Redmine,那么有多种方法。
- 使用插件:https://redmine.org/plugins/redmine_view_customize
它允许您 运行 javascript 或在特定页面上添加 css,然后通过 jquery 选择器添加 class,对于这种情况:
$("#account > ul").addClass("dropdown-menu");
- 创建您自己的插件并使用 Deface 插件 https://www.redmine.org/plugins/redmine_base_deface to modify existing layout. (if your plugin is of public good, you can share it with us via github and Redmine's plugin list on https://www.redmine.org/plugins)
- 修改现有的 Redmine 安装,但创建一个 .patch 文件 https://www.redmine.org/projects/redmine/wiki/Patch