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!