Category list to display flexbox type layout Category list to display flexbox type layout
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Category list to display flexbox type layout

Started by Hanna., April 05, 2023, 04:50:24 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Hanna.

Hi guys. I'm trying to swap the category list from list to flexbox = multiple columns

This is my current code:

/******************************************************************************
** Section <<<$template_cat_list>>> - START
******************************************************************************/
// HTML template for the category list
$template_cat_list = <<<EOT
<!-- BEGIN header -->
        <tr>
            <td>
                <div class="tableh1_browse">
                    <span>Browse by category:</span>
                </div>
            </td>
        </tr>
<!-- END header -->
<!-- BEGIN catrow_noalb -->
        <tr>
            <td class="catrow_noalb">
<table border="0" style="vertical-align: top;">
<tr>
<td style="vertical-align: top;">{CAT_THUMB}</td>
<td align="left">
                        <div class="catlink-big">{CAT_TITLE}</div>
                        {CAT_DESC}
                    </td>
</tr>
                </table>
                </td>
        </tr>
<!-- END catrow_noalb -->
<!-- BEGIN catrow -->
        <tr>
                <td class="catrow">
                    <table border="0" style="vertical-align: top;">
                    <tr>
                        <td style="vertical-align: top;">{CAT_THUMB}</td>
                        <td><div class="catlink-big">{CAT_TITLE}</div>{CAT_DESC}</td>
                    </tr>
                </table>
                </td>
        </tr>
        <tr>
            <td colspan="3"><div class="tableb tableb_alternate">{CAT_ALBUMS}</div></td>
        </tr>
<!-- END catrow -->
<!-- BEGIN footer -->
        <tr>
                <td><div class="catbottom"><span>{STATISTICS}</span></div></td>
        </tr>
<!-- END footer -->
<!-- BEGIN spacer -->
       
<!-- END spacer -->

EOT;



/******************************************************************************
** Section <<<$template_cat_list>>> - END
******************************************************************************/

ron4mac


Hanna.