Page 1 of 2

Icon + budge

Posted: Sun Apr 29, 2018 8:35 pm
by drodriguez
Combine icon + budge only... Tiles are too big sometimes.

Re: Icon + budge

Posted: Sun Apr 29, 2018 9:21 pm
by olton
The question is not clear. Please draw image for your request

Re: Icon + budge

Posted: Sun Apr 29, 2018 10:10 pm
by drodriguez
https://imgur.com/a/VZynyeT

Tiles + budge is too big here... I created a div with span icon mif-cart and span with a number with pos-absolute.

Re: Icon + budge

Posted: Thu May 03, 2018 6:40 pm
by drodriguez
Example codepen.io:


https://codepen.io/drodriguez/pen/vjZvQy

<div class="tileh-fs-small">
<a href="#" class="text-center">
<span class="mif-cart icon mif-2x text-center bg-white fg-blue"></span>
<span class="fg-blue text-bold badge-top-cart">4</span>
</a>
</div>

Re: Icon + budge

Posted: Fri May 04, 2018 10:07 pm
by olton
class .badge will be added in 4.2.5 with position on top-right in parent

Re: Icon + budge

Posted: Sat May 05, 2018 6:57 pm
by olton
Image

Re: Icon + budge

Posted: Sat May 05, 2018 8:11 pm
by olton
Image

Re: Icon + budge  

Posted: Sat May 05, 2018 10:13 pm
by olton
added

Re: Icon + budge

Posted: Fri May 11, 2018 9:38 pm
by Addramyr
Can the badge system be added to Navigation View? (https://metroui.org.ua/navview.html)

Re: Icon + budge

Posted: Sat May 12, 2018 11:33 am
by olton
Addramyr wrote:
Fri May 11, 2018 9:38 pm
Can the badge system be added to Navigation View? (https://metroui.org.ua/navview.html)
What's the problem? They are not connected, the badge is a separate element that can be displayed inside another element