Collapsible Columns for Fields
9 years 7 months ago - 9 years 7 months ago #53749
by iamrobert
Collapsible Columns for Fields was created by iamrobert
In Joomla templating we have
collapsible template positions
.
We can do this is out flexicontent item.php file. If you have 3 fields that you want in the "below" position in the FLEXIcontent template
+ design (col 1)
+ interactive (col 2)
+ strategy (col 3)
and some items have use only 1, 2 or 3 columns - so we want it to collapse.
Our code would be as follows:
I am using Zurb Foundation
- so you may need to alter to bootstrap or whatever...
We can do this is out flexicontent item.php file. If you have 3 fields that you want in the "below" position in the FLEXIcontent template
+ design (col 1)
+ interactive (col 2)
+ strategy (col 3)
and some items have use only 1, 2 or 3 columns - so we want it to collapse.
Our code would be as follows:
Code:
<?php
$sum = 0;
foreach($item->positions['below'] as $field)
{
$sum ++;
}
?>
<?php if (isset($item->positions['below'])) : ?>
<div class="row">
<?php foreach ($item->positions['below'] as $field) : ?>
<?php
if ($sum ==3) {
echo '<div class="small-12 medium-4 columns">';
} elseif ($sum ==2) {
echo '<div class="small-12 medium-6 columns">';
}else {
echo '<div class="small-12 columns">';
}
?>
<?php if ($field->label) : ?>
<h3><?php echo $field->label; ?></h3>
<?php endif; ?>
<?php echo $field->display; ?>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
I am using Zurb Foundation
Code:
'<div class="small-12 medium-4 columns">'
Last edit: 9 years 7 months ago by iamrobert.
Please Log in or Create an account to join the conversation.
Time to create page: 0.435 seconds
Last FLEXI-site
... loading images 
