Public Forums 71,145 posts

[drago1147 Friend drago1147Join date: February 2011Posts: 17Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#192446

Hello,

I can’t seem to figure out how to switch to grid coloumns that use %’s instead of pixels.

When I look through the template less files I see that all the calculations for fluid grid are in place, and in the compiled css files there is a fluid grid present.

How does one switch from px grid to % grid ? Is there an option in t3 that allows me to switch between the two or I have to edit the less files?

Kind regards,
Drago.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#513037

Have you tried reading through the T3 FRAMEWORK DOCUMENTATION ??

[drago1147 Friend drago1147Join date: February 2011Posts: 17Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#513046

Hi Tom,

Yes, I have gone through the documentation beforehand.

The only piece of information regarding the grid, I found under “customization”. However it details only how I can change the width of the template. Quite a straight forward process but it doesn’t give clues on how to switch to fluid grid.

Please point me to the location in the documentation if I have missed it, I really don’t mind reading.

Thanks, for your quick response.

Kind regards,

Drago.

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#513106

Hi Drago,

T3 is based on bootstrap.
Here is the grid system document: http://getbootstrap.com/2.3.2/scaffolding.html

In short, please use row-fluid, all “span” classes will be in % value.

Regards

2 users say Thank You to Wall Crasher for this useful post

1. Saguaros
2. TomC

[drago1147 Friend drago1147Join date: February 2011Posts: 17Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#513140

Ok, I figured it out.

If anybody wants to switch from fixed grid to fluid here is my solution.

The Joomlart team has done the work for us, however as of now there isn’t a one click solution (at least I did not find one).

The t3_blank template uses a fixed grid by default.

You can easily switch to fluid grid by changing the css class=”row” to class=”row-fluid”. You have to make this change for all blocks that you use for the structure of your t3_blank.

The blocks are located within the “tpls” folder in t3_blank.

I’d suggest you make your own blocks and copy the code from the originals, since it is likely that if you update your t3_blank in the future the changes will get overriden. Once you create your own custom blocks, create a custom layout file and include your blocks there.

If you look at the original layout files you’ll see how to do it.

And this is it.

I’d be happy if some of the more experienced users of T3 review this thread and hopefully correct me if I am giving wrong advice.

Thanks,

Kind regards,

D. Hristov.

1 user says Thank You to drago1147 for this useful post

1. Wall Crasher

[Author]

Posts