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

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

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.