Page 1 of 1
[SOLVED] Tiles. Group is not work.
Posted: Mon Oct 01, 2018 9:19 pm
by PaSol
Try make group of tiles as described in guid. But it is not work. Maybe there missed somethings in guid?
Re: Tiles. Group is not work.
Posted: Mon Oct 01, 2018 10:43 pm
by PaSol
It is code of my test page
Code: Select all
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Metro 4 -->
<link rel="stylesheet" href="./css/metro-all.min.css">
</head>
<body class="bg-dark fg-white h-vh-100">
<div class="tiles-grid tiles-group size-2" data-group-title="General">
<a href="easy-table.html" data-role="tile">
<span class="branding-bar">Branding bar</span>
</a>
<div data-role="tile">
<span class="branding-bar">Branding bar 1</span>
</div>
</div>
<!-- jQuery first, then Metro UI JS -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="./js/metro.min.js"></script>
</body>
</html>
Re: Tiles. Group is not work.
Posted: Mon Oct 01, 2018 10:54 pm
by olton
Create pen with your code on codepen.io
Re: Tiles. Group is not work.
Posted: Mon Oct 01, 2018 11:57 pm
by PaSol
I'm not sure if I correct understand you.
Did I need to do some thing like?
https://codepen.io/PaSol/pen/oajgqy
Re: Tiles. Group is not work.
Posted: Tue Oct 02, 2018 12:13 am
by olton
What the problem? Class size-2 have width for place two standard tiles in a line. All work right.
Re: Tiles. Group is not work.
Posted: Tue Oct 02, 2018 12:20 am
by PaSol
olton wrote: ↑Tue Oct 02, 2018 12:13 am
What the problem? Class size-2 have width for place two standard tiles in a line. All work right.
There must be displaied title of group as I suggest. But it not displaied.
Re: Tiles. Group is not work.
Posted: Tue Oct 02, 2018 12:27 pm
by olton
add padding for body or margin for grid
Re: Tiles. Group is not work.
Posted: Tue Oct 02, 2018 3:45 pm
by PaSol
It work. Great. Thanks!