additionalknowledge

Change file_field_tag appearance

Change file_field_tag appearance HTML: <span class=”btn btn-large btn-warning btn-file”> Choose File <%= file_field_tag :attachment %> </span> CSS: .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }

Ruby on Rails: putting class with submit_tag

Ruby on Rails: putting class with submit_tag <%= submit_tag(“Update”, :id=>”button”, :class=>”Test”, :name=>”submit”) %> First parameter is required and it would be value and they any parameter you want to specify, can be done in a hash like :key=>”value”.

How to stop event propagation with inline onclick attribute?

stop event propagation SO we will stop propagation at that point so that click will be performed for one div. Sample Code- <!DOCTYPE html> <html> <head> <title>Check Out Propagation</title> </head> <body> </div> </div> <style type=”text/css”> #third{ height: 300px; width: 300px; background-color: black; } #outer{ height: 200px; width: 200px; background-color: red; } #inner{ height: 100px; width:…

Readmorejs::Rails (HOW TO?)

Readmorejs::Rails Installation Add this line to your application’s Gemfile: gem ‘readmorejs-rails’ And then execute: $ bundle install Or install it yourself through terminal:

Deploy Rails to Heroku

Deploy Rails to Heroku Follow these 12 steps for deploying your app on heroku. Create a new Heroku account. In the terminal, log in using the email address and password of Heroku account: $ heroku login In Gemfile, add the pg gem to your Rails project. Change: gem sqlite to gem ‘sqlite3’, group: :development gem ‘pg’,…

Create unique id in link_to tag rails

Create unique id in link_to tag rails <%= link_to “Edit”, edit_question_path(question.id),method: :get, :remote => true, id: “myBtn_#{question.id}” %> This is how you can create a unique id using #. id: “myBtn_#{question.id}”

Edit using ajax

Edit using ajax Step 1: In your index.html.erb Add :remote => true, :class => ‘class_name’ in app/views/controller_name/index.html.erb. Like this,

Delete using ajax and fade out

Delete using ajax and fade out Step 1: In your index.html.erb Add :remote => true, :class => ‘class_name’ in app/views/controller_name/index.html.erb. Like this, <%= link_to “Delete”, question_path(question.id),method: :delete ,data: { confirm: “Are you sure?”}, :remote => true, :class => “delete_question”%> Step 2: Create a file, destroy.js.erb, put it inside folder .erb files (under app/views/controller_name). It should look like this: console.log(“here”) noty({text:…

ArgumentError in class#create while applying Ajax.

ArgumentError in class#create while applying Ajax. For these type of errors you must hav not initialized the vairiable with new keyword causing it to make a empty class. <%@answer=Answer.new%> <%= form_for @answer, remote: true do |f|%> <%= f.text_area :content ,placeholder: “Write your answer”, :class => ‘a2’, required: true%> <br> <%= f.hidden_field :question_id , :value =>…

Changing the name of already made Heroku app??

Changing the name of already made Heroku app?? Step 1: This step will create an app with some arbitrary name $ heroku create Step 2: This step will show the url of the remote servers that you have config. $ git remote -v Step 3: In this step go to your app on heroku and rename it…