开发者

rails 3: display link as button?

开发者 https://www.devze.com 2023-03-11 02:38 出处:网络
On some non-form pages, I have a few links that would look better as a button than a hyperlink... I thought button_to instead of link_to would work, 开发者_开发知识库but buton_to seems to always be t

On some non-form pages, I have a few links that would look better as a button than a hyperlink...

I thought button_to instead of link_to would work, 开发者_开发知识库but buton_to seems to always be treated as a post.

Is there an easy way to simply replace a (non-submit) link with a button?


All you have to do is add a :method => "get" to the end of your button_to to get it to be treated like a link

The button_to Way

Using a users_path

<%= button_to "BUTTON: link version", users_path, :method => "get" %>

The CSS Way

Or instead of actually inserting a form into your html (which is what button_to actually does) you could go with the cleaner (from a web design perspective) method and actually just style the link in a way to make it look like a button This has several benefits

  • Keeps forms out of your HTML, when they really shouldn't be there
  • Keeps your erb clean and normal, no surprises
  • Awesomely flexible, you can make them look the way you want
  • Here is a great article on how to do it and here is a little snippet of that code, really just depends on playing around with the border, padding and background image

    a.button {
      background: transparent url('bg_button_a.gif') no-repeat scroll top right;
      color: #444;
      display: block;
      float: left;
      font: normal 12px arial, sans-serif;
      height: 24px;
      margin-right: 6px;
      padding-right: 18px; /* sliding doors padding */
      text-decoration: none;
    }
    

    The code comes from the link above. Whichever method you choose should work fine, enjoy!


    I think all you want here is the just view. and if that is the case then you can just add a class to the class object in link

    <%= link_to 'Add Class', new_subject_path, class: "btn btn-primary"%>


    I recently had to do this because my form was acting differently for link_to than it was with button_to and I needed the functionality the link provided. The best solution I found does not use CSS at all but instead calls .html_safe to escape the html in the ruby code and properly display the link as a button. What you want to do is this:

    <%= link_to "<button>This is a button</button>".html_safe, some_path, :id => "button_id", :class => "button_class" %>
    


    If all you want to do is make a link look like a button.

    Changing link_to to button_to is all I needed to do.

    0

    精彩评论

    暂无评论...
    验证码 换一张
    取 消