+ Start a Discussion
Sammar AbbasSammar Abbas 

TabPannel Component

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">
<sup class="mendat">
<i class="fa fa-exclamation-circle" ></i> {YOUR CUSTOM ICON}

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 label="Team CRM ^" name="name2" id="ta2"  >
     <apex:tab label="Reports ^" name="name3" id="ta3"  style="background-color:black;tab-color:black; ">