The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Tile width in percent

Tile width in percent 7 years 6 months ago #29887

  • Debbie Dean
  • Debbie Dean's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 6
I am currently updating a site to Joomla 3.x from 2.5 and have updated the tiles component.

I used to be able to the number of tiles horizontally so that worked perfectly on mobiles and tablets but there is a new setting under Galleries "Single tile (1x) width in px:" instead of Visible Galleryfields (horizontal) so I cannot set the width properly

I have looked at using css to override the setting but because as it nows works I have to override the css for every tile.

Are there any plans to make the tiling responsive again?

Tile width in percent 7 years 6 months ago #29900

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
Hey Debbie,
So I'm a user of your website. I have a monitor of 1920x1080px. When I visit your page I see your tiles. Each tile takes let us say 300px and I can read everything on the screen.

Now when I visit your site with mobile - all tiles are cramped up. The tile that was previously 300px wide is now 75px wide. How is this responsive? It's just making something small, that is normally small -> 300px is nothing...

That is why the behavior in tiles has changed. We no longer do the calculations in % but in px. You have to provide the px width of of an individual tile -> let says 150px. So a a tile with the width of 2 tiles will be 300px. This makes calculations really easy.

So what happens now when the user browse your site with his phone. Well, basically the container width changes to whatever width the user has, but the tiles stay the same. He is still able to read everything on the screen and navigate.

Is this information helping?


P.S. you can see how this works on our home page: compojoom.com
  • Page:
  • 1
Time to create page: 0.136 seconds