aozora / bootmetro

Simple and complete web UI framework to create web apps with Windows 8 Metro user interface, based on Bootstrap 2.

Home Page:http://aozora.github.io/bootmetro

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.