Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Sammar AbbasSammar Abbas 

TabPannel Component

Hi!
I am using tabpannel component  for tabs and my requirement is to set image before tabs so i used the image  component before the tab componet but the tabs moved to next line but i want both tabs and image on the same line .. how can i do that ?
 
Syed Insha Jawaid 2Syed Insha Jawaid 2
Hi Sammar

Try this out : 
<lightning:tab title="Tab1">
<aura:set attribute="label">
TAB LABEL
<sup class="mendat">
<i class="fa fa-exclamation-circle" ></i> {YOUR CUSTOM ICON}
</sup>
</aura:set>
</lightning:tab>

Cheers!!!!
Sammar AbbasSammar Abbas
Not working 
Error showed up lightning tab not exist  
Sammar AbbasSammar Abbas
Here is mycode and i want image and tab on the same line !

 <apex:panelBar   style="background-color:black;">

  <apex:panelBarItem label="" headerStyle="background-color:black; ">
     
 <apex:tabPanel switchType="client" selectedTab="name2" headerClass="activeTab" tabClass="InactiveTab" inactiveTabClass="inactiveTab" id="theTabPanel" style="background-color:black;">
 <apex:image id="theImage" value="{!$Resource.CBS}" width="50" height="45" /> 
 <apex:tab label="" name="name1" id="tabOne" style="  color:black;">
  </apex:tab> 
  <apex:tab label="Team CRM ^" name="name2" id="ta2"  >
     </apex:tab>  
     <apex:tab label="Reports ^" name="name3" id="ta3"  style="background-color:black;tab-color:black; ">
     </apex:tab> 
  </apex:tabPanel> 
 </apex:panelBarItem>
 </apex:panelBar>