CODEWITHSUNDEEP
cssjsf-2primefaces
Anand MS
Anand MS

Reputation: 94

Primefaces: Remove Specify Icon submenu component

How can I remove the Specify Icon in Primefaces? I tried the following code:

<p:menbar>
<p:submenu label="File">
......
</p:submenu>
</p:menubar>

On the right, the label of the submenu's Triangle Icon, it's necessary for me to style the icon.

.ui-icon{display:none;}

Unfortunately, it will affect all icons. I don't know why display: none is only applied to Specify Icon.

Upvotes: 0

Views: 2701

Answers (2)

Thunder Struct
Thunder Struct

Reputation: 23

Try this !!

<p:menubar>
   <p:submenu label="File" styleClass="submenu">
    ......
   </p:submenu> 
</p:menubar>

Use the CSS rule below:

.submenu .ui-menuitem-link > .ui-icon-triangle-1-s{
  display: none !important;
}

Upvotes: 1

Bhavin Panchani
Bhavin Panchani

Reputation: 1352

Use the "styleClass" attribute of p:submenu to apply the CSS rule on p:submenu.

<p:menubar>
    <p:submenu label="File" styleClass="submenu">
    ......
    </p:submenu>
</p:menubar>

Use following CSS rule: 

.submenu .ui-icon-triangle-1-s{
    display: none;
}

Upvotes: 0

Related Questions