OnHover Dropdown menu in Bootstrap

Bootstrap DropDown menu works on mouse click event. It doesn't support on hover DropDown by default. But using following bootstrap plugin we can make it works for mouse hover event and it's so simple.

http://cameronspear.com/blog/bootstrap-dropdown-on-hover-plugin/

Download the plugin, include it in your project. We write data-toggle="dropdown" in the markup to make it a dropdown menu which works on click event. Instead of that one, write data-hover="dropdown" and you are done. Now both options will work on your project.

Uploading file using AJAX in Rails

Paperclip gem can be easily used in your rails application for uploading file. But to make it functional using ajax, we can use remotipart gem which works pretty smoothly with Paperclip gem. Just install the remotipart gem. Prepare your form using Paperclip for uploading file. Then add remote=>true in that form. And your form is ready to upload file using ajax. Implementation details can be found in the following links.

https://github.com/jangosteve/remotipart

http://thechangelog.com/remotipart-rails-3-ajax-file-uploads-made-easy/

Attachment in Rails using Paperclip gem

It always requires extra effort to setup your form for uploading files. Paperclip is a wonderful gem which can save your extra effort for that task. Just install the gem, add necessary fields in model including file field, and last of all add multipart => true in your form. Then your application is ready for uploading file. Most of the required options related to uploading file are available in this gem. You can find implementation details in following links.

https://github.com/thoughtbot/paperclip

http://railscasts.com/episodes/134-paperclip

http://acodersparadise.blogspot.com/2011/06/tutorial-paperclip-with-rails-3.html

Tagging in Rails

A very simple plugin to implement tagging feature in rails application is acts-as-taggable-on. Install the gem, specify the field in the model on which you want to put tags, add a tag field in the form, and you are ready to tag your model object. Implementation details can be found in following links.

https://github.com/mbleigh/acts-as-taggable-on
http://railscasts.com/episodes/382-tagging
http://alexmuraro.me/posts/acts-as-taggable-on-a-short-tutorial/

Popularity of this plugin can be found in The Ruby Toolbox -
https://www.ruby-toolbox.com/categories/rails_tagging

Limiting loop for array of objects in Rails

While fetching records from DB, we can definitely limit the number of records to fetch as following.

@post.comments.limit(10).each do |comment|
   comment.description
end

But in practical, sometimes we face that we have an array of objects fetched from DB and we want to access first or last few objects. Using following code we can easily solve it. 

Reading first 10 records -

@posts.first(10).each do |post|
   post.title
end

Reading last 10 records -

@posts.last(10).each do |post|
   post.title
end

Creating Page and Subpage in Wordpress

Creating Page

Step 1: Login as admin. It will show you admin dashboard (admin panel).

Step 2: Go to Pages link and press Add New link.

Step 3: Enter page Title that will be shown in your page as page title. For this example, you can give hello world. In the description box, write some text that you want to show in your page, for now you can write “hello world page crated successfully”.

Step 3: Click on the Publish button on right sidebar and your page is ready to view. If you do not want to show this page in your website then do not publish it, just save it as draft using Save Draft button on left top corner.

Step 4: Go to wordpress site from your browser and you will see hello world link in the manu bar. Click that link and it will show you the page that you have just created.

Creating Subpage

We want to create a page which will be a subpage of our previous hello world page. Follow the steps of creating page, go to the page creation form. On the right side, Parent option of Page Attributes is used to create subpages. Parent option shows all created pages. While creating page, you have to select a page here to make it parent of the creating page. In our case, we choose “Hello World” page so that it would be a subpage of our hello world page.

Give the page title and its content in the appropriate places and publish the page. If we visit the site, this subpage link will appear under hello world link and using that link we can browse that page.

Installing and Running Wordpress using XAMPP

Few steps to install wordpress using XAMPP are as following:

Step 1: Create a database for wordpress without table. You will need database name, username, password, etc. later to setup and use wordpress.

Step 2: Download wordpress zip from its website - http://wordpress.org/download/.

Step 3: Extract zip and copy wordpress folder in your /xampp/htdocs folder.

Step 4: Rename file  wp-config-sample.php to wp-config.php under wordpress folder.

Step 5: Edit this config file to enter database information. Following information will be needed to modify in config file –

• DB_NAME - your wordpress database name.
• DB_USER – database username.
• DB_PASSWORD – password for given database username.
• DB_HOST – address of the database, for local pc it will be localhost or 127.0.0.1 .

Step 6: From your browser go to wordpress (http://localhost/wordpress). It will ask you to give some information to setup wordpress. Give necessary information and submit. After configuring wordpress it will redirect you to a page showing success message and you are ready to use wordpress.

For installation details, you may visit wordpress official installation guide here - http://codex.wordpress.org/Installing_WordPress