Mirage 3.1.1 - How to add Badge in sidebar menuitem

[andersonneto]

I'm trying to add, but it doesn't work:

Code: Select all

<p:badge value="2">
            <p:menuitem id="om_" value="Requests" icon="fas fa-fw fa-user-lock" outcome="/aut/requests"/>
</p:badge>

Mirage 3.1.1
Primefaces 11

[w00f]

Hi,

Sorry for the delayed response! Please try;

Code: Select all

<span class="menuitem-badge">1</span>

Code: Select all

.menuitem-badge {

position: absolute;
right: 2.5em;
display: inline-block;
width: 18px;
height: 18px;
text-align: center;
background-color: #E91E63;
color: #ffffff;
font-size: 14px;
font-weight: 700;
line-height: 18px;
border-radius: 50%;
}

Best regards,

[mert.sincan]

Thanks, @woof Also, you can use badge attribute of p:menuitem.

Code: Select all

<p:menuitem badge="1" ..../>

And CSS above;

Code: Select all

<style>
    .menuitem-badge {
        position: absolute;
        right: 2.5em;
        display: inline-block;
        width: 18px;
        height: 18px;
        text-align: center;
        background-color: #E91E63;
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        border-radius: 50%;
    }
</style>