+ Start a Discussion
Ravindar AdminRavindar Admin 

styles are changing in <li> , If I put <li> in outputpanel

Hi, I am looking to display labels based on the condition for that I am trying to use Outputpanel. But, If I use Outputpanel, <li> styles are changing and Underline is coming on labels when we put mouseover on labels.

Here is the code:
<apex:outputPanel rendered="{! IsFrenchClient}">
        <li class="navmenu-item2">
            <apex:outputLink value="/apex/Web_LatestNews_LTG?tags=Glass%20School&thematicPage=1">
                Glass School
                <img class="menu-icon" src="{!URLFOR($Resource.picto_glassschool_white)}"/>
            </apex:outputLink>
        </li>
             </apex:outputPanel>
        
         <apex:outputPanel rendered="{! IsFrenchClient}">
        <li class="navmenu-item2">
            <apex:outputLink value="/apex/Web_LatestNews_LTG?tags=Decor&thematicPage=1">
                Décors
                <img class="menu-icon" src="{!URLFOR($Resource.picto_decors_white)}"/>
            </apex:outputLink>
        </li>
                 </apex:outputPanel>

Is there any other option to display list based on the condition without changing the styles? OR please guide me using with Outputpanel.  Thanks.
bhanu_prakashbhanu_prakash
Hi Ravindar,
Mark as best answer, If it resloves !!
you can use
​<apex:pageBlockSectionItem  rendered="{IsFrenchClient}">
Mark as resloved if it helps :) :)
Thanks, 
Bhanu Prakash
visit ForceLearn.com (https://www.forcelearn.com/) ​ 

 
Ravindar AdminRavindar Admin
Hi Bhanu Prakash,

If we use <apex:pageBlockSectionItem>  we are getting Error: <apex:pageBlockSectionItem> may have no more than 2 child components.