How to have 2 or more colums in mainbody e.g.

18 Posts
mikikado
9 years ago
1
Topic

Hi there!

I can't replicate that:
https://vimeo.com/117565288

I want to have in mainbody 2 columns. But failed!

I have in ->templates->positions->articlename->site->mainbody.php:

<?php
// No Direct Access
defined( '_JEXEC' ) or die;
?>


/*




*/


<!-- BEGIN TEMPLATE -->
<div class="row">
	<div class="column">
		<?php echo $cck->renderField( 'vorname' ); ?>
		<?php echo $cck->renderField( 'firma' ); ?>


	</div>
	<div class="column">


		<?php echo $cck->renderField( 'nachname' ); ?>


	</div>
</div> 

But nothing happens.....

How/where have I to define "row" class and "column" class?? Couldn't find.

Thanks in advance.

Regards

Michael

Get a Book for SEBLOD
233 Posts
pepperstreet
9 years ago
0
Level 1

Hello Michael,

hence the video you have mentioned: James uses special pre-defined Bootstrap v3 classes. This requires to have a site template, which loads Bootstrap 3!

Actually, you can use any CSS grid layout classes as long as they are present and loaded with your current site template. Or add your own to your main custom.css file.

---

I would suggest to watch the "Drag & Drop Templating" video as well. (See attachment)

James shows 2 different methods to create columns:

  1. You can use the pre-defined positions in the SEB ONE template. Hence the example with TOP-A and TOP-B, where he adds 50% width!
  2. You can also use the MAINBODY position and add the special DIV fields. Hence the required custom MARKUP CLASS. (again James uses Bootstrap v3 here!)

HeadsUp: If you don't use Bootstrap v3, you don't see any effect with method #2 ;)  
Joomla core and Protostar template support Bootstrap v2, which uses different grid and layout classes!

Get a VIP membership