If you have ever used ‘apex:tabPanel’, you were probably surprised to see the style of tab differed from other Visualforce elements. For this element, Salesforce apparently uses old style, but I can advise you how to change it.
You just have to add these 2 lines into your Visualforce page:
1 2 |
<apex:stylesheet value="/sCSS/25.0/sprites/1342034628000/Theme3/default/gc/versioning.css" /> <apex:stylesheet value="/sCSS/25.0/sprites/1342034628000/Theme3/default/gc/extended.css" /> |
These lines include new styles for tabs containing style definitions of standard Salesforce tabs. Afterwards test it with the following test page:
1 2 3 4 5 6 7 8 |
<apex:page > <apex:stylesheet value="/sCSS/25.0/sprites/1342034628000/Theme3/default/gc/versioning.css" /> <apex:stylesheet value="/sCSS/25.0/sprites/1342034628000/Theme3/default/gc/extended.css" /> <apex:tabPanel switchType="client" > <apex:tab label="name tab1" name="tab1" id="tab1">text1</apex:tab> <apex:tab label="name tab2" name="tab2" id="tab2">text2</apex:tab> </apex:tabPanel> </apex:page> |
Leave A Comment