For Each in rails html pattern continuation

Question

I am trying to imitate the following code and image:



    FOUR COLUMNS
    If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.

In my code I am able to accomplish part of what I want to do as the images are being rendered on the page:



    
        Take a look!
        If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.
    
    <% @current.each do |gallery| %>
    

        
            <%= link_to gallery.image.url, :class => "fancybox img-hover-v1" do %>
                <%= image_tag gallery.image, :class => "img-responsive" %>
            <%end%>
        
        <%end%>

Here is my outcome though as you will notice it is uneven and the next row that starts is off:

Here is what my view page source html looks like:


        
            
                Take a look!
                If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.

There are no errors in my console pertaining to this issue. What I am trying to do is continue the html code sequence that after four images it starts a new row spaced and from the left not right. In the code I am imitating after four images it starts a new section. I do not know how to do it with my situation which is I am using a for each to render my images.

UPDATE

I was able to find this Ruby on rails foreach with bootstrap3 row class but when I tried to implement it with this code:

<% @current.each_slice(3) do |gallery| %>

<% @current.each do |gallery| %>
    
        <%= link_to gallery.image.url, :class => "fancybox img-hover-v1" do %>
            <%= image_tag gallery.image, :class => "img-responsive" %>
        <%end%>
    
    <%end%>

<%end%>

I got this result:

As you can see it just duplicates the first part. Here is my controller if this helps:

class CreativesController < ApplicationController
  layout "creative"

  def index
    @campaigns = storage.list_for(params[:page], params[:tag])
    @campaigned = Campaign.order("created_at DESC").limit(6)
    @recent = Campaign.order("created_at DESC").limit(3)

    end

    # GET /posts/1
    # GET /posts/1.json
  def show

    @campaign = storage.friendly.find(params[:id])
    @gallery = storage.friendly.find(params[:id])
  end

  def gallery
   @galleries = storage.list_for(params[:page], params[:tag])
    @galleried = Gallery.order("created_at DESC")
    @current = Gallery.order("created_at DESC")

  end


  private

  def storage
    Campaign.published
    Gallery.published

  end







end

yellowmint · Accepted Answer

Try this:

<% @current.each_slice(4) do |galleries| %>

  <% galleries.each do |gallery| %>
  
    <%= link_to gallery.image.url, :class => "fancybox img-hover-v1" do %>
    <%= image_tag gallery.image, :class => "img-responsive" %>
    <%end%>
  
  <%end%>

<%end%>

For Each in rails html pattern continuation

Answers (2)

Related Questions