Sencha Touch 2: Icons Map
This is the icons map for Sencha Touch 2 (for my own reference). This icon PNG files are located in /resources/themes/images/default/pictos/.
For my own backup, this is the file to generate the picture
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body {
white-space: nowrap;
display: inline-block;
background-color: white;
}
.desc {
font-style: italic;
margin: 0px 2px 0px 0px;
}
.image {
width: 24px;
height: 24px;
vertical-align: middle;
}
.icon {
margin: 0px 0px 5px 0px;
}
.row {
margin: 0px 5px 0px 0px;
white-space: nowrap;
display: inline-block;
}
</style>
</head>
<body>
<?php
define("PATH", "./sencha-touch//resources/themes/images/default/pictos/");
define("NUM_ROWS", 30);
$counter = 0;
foreach (glob(PATH . "*.png") as $filename) {
if ($counter == 0 || ($counter % NUM_ROWS) == 0) {
if ($counter) {
echo "</span>\n";
}
echo "<span class='row'>\n";
}
$counter++;
echo "<div class='icon'><img class='image' src='{$filename}'> " .
"<span class='desc'>" . basename($filename, ".png") . "</span></div>\n ";
}
?>
</body>
</html>
Joe Kuan Defunct Code 
Trackbacks & Pingbacks