[Problème] Future module d'administration Joomla! gratuit

[y.berges]

hello voilà je me bloque sur un soucis ...
Je suis en train de créer un module gratuit (chut c'est pour le noel de la communauté) pour l'administration de Joomla!
il doit générer des listes d'article dans des blocks (et bien plus), une sorte de module qui contiens des modules et qui permet de générer des listes d'articles en fonction de filtrage
le soucis c'est la mise en page .. dans mon exemple si dessus je genere des block avec des spanX (l'utilisateur pouvant choisir via une option si il veut 1 deux ou 3 colonnes $column)
mais en fait il faudrait 1 row fluid par ligne souhaitée, mais je n'arrive pas a trouver une solution pour générer 1 row-fluid par ligne en fontion du block affiché par l'utilisateur ($hiddefeatured = on affiche le block qui liste les articles en vedettes)

<div class="row-fluid">
<?php if ($hiddefeatured) : ?>
    <div class="block featured well well-small span<?php echo $column; ?> ">
    </div>
    <?php endif; ?>
<?php if ($hiddepublished) : ?>
    <div class="block pending well well-small span<?php echo $column; ?> ">
    </div>
    <?php endif; ?>
    <?php if ($hiddeunpublished) : ?>
    <div class="block revised well well-small span<?php echo $column; ?> ">
    </div>
<?php endif; ?>
<?php if ($hiddearchived) : ?>
    <div class="block inprogress well well-small span<?php echo $column; ?> ">
    </div>
<?php endif; ?>
<?php if ($hiddeyouritem) : ?>
    <div class="block youritems well well-small span<?php echo $column; ?>">
</div>
<?php endif; ?>
<?php if ($hiddetrashed) : ?>
    <div class="block trashed well well-small span<?php echo $column; ?>">
    </div>
<?php endif; ?>
<?php if($actionsloglist) : ?>
<div class="block youritems well well-small span<?php echo $column; ?>">
</div>
<?php endif; ?>

la le code genere

<div class="row-fluid">
    <div class="block featured well well-small span6">
    </div>
<div class="block featured well well-small span6">
    </div>
<div class="block featured well well-small span6">
    </div>
<div class="block featured well well-small span6">
    </div></div>

donc a la seconde ligne il part en cacouette ...
vous auriez des idées ?
Merci

[pmleconte]

Bonjour,

Petite remarque: acutellement, Joomla utilise Bootstrap 2.3, mais, en Joomla 4, on passera en Bootstrap 4. Donc, les row-fluid et span<x> ne fonctionneront plus.

Qu'entends-tu par "il part en cacaouette" ? la 2éme ligne n'est pas alignée ?

Si j'ai bien compris ton souci, j'ai eu le même avec mon composant/module Isotope où les diverses sections pouvaient avoir un peu toutes les largeurs et devaient retourner à la ligne en cas de dépassement des fameux 12 : une ligne.

Pour ce faire, j'utilise des Flexbox (j'ai "piqué" à Loïc sa définition des flex dans le css du plugin UP) et j'ai fait un "savant" calcul pour gérer les sauts de ligne.

Pour le mode Flex voir https://developer.mozilla.org/fr/docs/Web/CSS/flex ou, naturellement, http://up.lomart.fr/liste-css/css-flexgrid

Pascal

[y.berges]

ok cool je vais regarder
oui la deuxieme ligne prend la marge de gauche donc ce décale ...
tu peus men dire plus sur le savant calcul ?

[pmleconte]

Bonsoir Yves,

Si tu regardes dans mon module Isotope, fichier tmpl/default_cat_tags.php par exemple, je "joue" avec les largeurs des sections et je force le saut à la ligne si la (somme des sections affichées + la nouvelle section) > 12.

Un bout de code, peut-être plus parlant

$val = 0;
foreach ($layouts_order as $layout) {
    $key = (string)$layout;
    $obj = $layouts[$key];
    $val += $obj->div_width;
    if ($line == 0) $line = $obj->div_line; 
    if (($val > 12) || ( ($obj->div_width == 12) && ($val > 12)) || ($line < $obj->div_line)) { // new line needed
        echo "</div><div class='fg-row'>";
        $val = $obj->div_width;
        if ($line < $obj->div_line) { // requested new line
            $line = $obj->div_line; 
        } else { // calculated new line
            $line += 1; 
        }
    }
....
}

Pascal

[y.berges]

Merci je vais regarder ca !

[ced1870]

Salut
je suis d'accord c'est un peu bête de coder un truc si simple en BS2 ...

$nb = 3; // nb de colonnes
$width = 100 / $nb;
<div style="width:<?php echo $width ?>%"> ton module ici </div>

tu pilotes le tout avec un float:left (très simple) ou un flexbox (plus avancé)

CEd

[y.berges]

Bon je suis partie sur des parametres de largeur + flexbox
reste a bien gerer les marges et les affichages en responsive sinon c'est pas mal ... si vous avez des tips je prends
Merci a tous !