New Feature - Margin resizable
IgorMundstein opened this issue · comments
1º Visit: http://metroui.org.ua/windows8start.php
2º Resize the browser.
The tiles are resized according to the size of the window. This is perfect for mobile devices. Could it be implemented?
They use this function to resize.
function Resize() {
var tiles_area = 0;
$(".tile-group").each(function () {
tiles_area += $(this).outerWidth() + 80;
});
$(".tiles").css("width", 120 + tiles_area + 20);
$(".page").css({
height: $(document).height() - 20,
width: $(document).width()
});
}
Nice job. But I'm in the opinion that using javascript to do the resize job can produce slowness, especially with a lot of tiles.
Check the v1.0-pre branch, there is a working prototype of responsive tiles, see the index.html the element
where it is used; the key is the "metro-responsive-tiles" class.