Cached List of Colors
This page uses a Hashtag List to show all web-safe Colors in a paged table.
Colors records have been preloaded.
The Table is styled using Bootstrap 3 default theme classes.
A Cache Directive is used to store all of the resulting pages of the List.
A Cached List can significantly improve performance for high-traffic pages, sorting large datasets, or data that doesn't change often.
Color |
Name |
Hex |
Red |
Green |
Blue |
|
Pink |
#FFC0CB |
255 |
192 |
203 |
|
LightPink |
#FFB6C1 |
255 |
182 |
193 |
|
HotPink |
#FF69B4 |
255 |
105 |
180 |
|
DeepPink |
#FF1493 |
255 |
20 |
147 |
|
PaleVioletRed |
#DB7093 |
219 |
112 |
147 |
|
MediumVioletRed |
#C71585 |
199 |
21 |
133 |
|
LightSalmon |
#FFA07A |
255 |
160 |
122 |
Processed this Hashtag Markup:
<# start list for Colors;
show 7 rows per page;
cache as Paged Color List;
#>
<# start header #>
<table class="table table-striped table-hover">
<thead>
<tr>
<th>Color</th>
<th>Name</th>
<th>Hex</th>
<th class="text-right">Red</th>
<th class="text-right">Green</th>
<th class="text-right">Blue</th>
</tr>
</thead>
<tbody>
<# end header #>
<# start row #>
<tr>
<td style="background-color:<# hex #>"> </td>
<td><# name #></td>
<td class="monospace"><# hex #></td>
<td class="text-right"><# r #></td>
<td class="text-right"><# g #></td>
<td class="text-right"><# b #></td>
</tr>
<# end row #>
<# start footer #>
</tbody>
</table>
<# end footer #>
<# end list #>
Hashtag Markup for Delete Cache Button:
/lists/colors-cache-delete.htmx
<#
delete list cache for Paged Color List;
redirect to "/lists/colors-cache";
#>