Menu in Visualforce | Tab Panel


Visual Force

<apex:page sidebar="false" showHeader="false" controller="gesdatas">
<style>
.menu
{
background-color:#000;
width:100px;
color:#fff;
background-image:none;
border:none;
height:30px;
}
.zx
{
border:1px solid #f50;
background-color:#909090;
}
.active
{
background-color:#000;
}
.notactive
{
background-color:#a07dff;
}
</style>
     <apex:tabPanel tabClass="zx" selectedTab="active" inactiveTabClass="notactive" >
     <apex:tab name="Home" label="Home" id="one" styleClass="menu" title="home">
     <h1>this is title</h1>
     <p>This is Menu in SalesforceDeveloperspoint</p>
     <p>This is Menu in SalesforceDeveloperspoint</p>
    <apex:pageBlock >
    <apex:pageblockTable value="{!datas}" var="da">
       <apex:column value="{!da.id}"/>
        <apex:column value="{!da.name}"/>
     
    </apex:pageblockTable>
    </apex:pageBlock>
    <apex:pageBlock >
    <apex:pageblockTable value="{!bkfld}" var="fld">
       <apex:column value="{!fld.id}"/>
        <apex:column value="{!fld.name}"/>
          <apex:column value="{!fld.price__c}"/>
           <apex:column value="{!fld.Description__c}"/>
     
     
    </apex:pageblockTable>
    </apex:pageBlock>
      </apex:tab>
      <apex:tab label="Contacts" name="Contacts" id="tabContact" styleClass="menu">
 
    <apex:detail relatedList="false" title="true"/>

</apex:tab>
  <apex:tab name="About Us" label="About Us" id="two" styleClass="menu" title="about">ggggggggggg</apex:tab>
   <apex:tab name="Contact Us" label="Contact Us" id="three" styleClass="menu" title="contact">
    <apex:pageBlock >
    <apex:insert name="header"></apex:insert>
    <apex:pageblockTable value="{!bkfld}" var="fld">
     
           <apex:column value="{!fld.Description__c}"/>
     
     
    </apex:pageblockTable>
    </apex:pageBlock></apex:tab>
   </apex:tabPanel>
</apex:page>

Controller


public class gesdatas {

    public List<Book__c> bkfld { get; set; }

    public String getBkfld() {
        return null;
    }


  public List<Schema.Account> datas {get;set;}

    public String getDatas() {
        return null;
    }
    public gesdatas ()
    {
    datas=[SELECT id,name from Account];
    system.debug(datas);
    bkfld=[SELECT id,name,price__c,Description__c from Book__c];


}
 

}

Output :


Comments

Post a Comment

Popular posts from this blog

Community/Experience Cloud Interview Questions

  Community Cloud /Experience Cloud: 1) What is community cloud/Experience Cloud ? Community cloud is a platform to connect with customers, partners, and employees.customers can view records (case,order), share documents, images etc.We can directly communicate with Agents to resolve problems. Community cloud renamed as Experience Cloud in Spring 21. From now community Builder,community workspace called as Experience Builder and Experience workspace. 2) May i know Spring 21 major updates about terminology in community/Experience cloud? Below are the major updates given by salesforce in Community cloud. Community cloud changed to Experience Cloud Community changed to Site or Experience Cloud site Lightning community changed to Experience Builder Site Lightning community template changed to Experience Builder template Lightning community theme changed to Experience Builder theme Lightning community page changed to Experience Builder page Salesforce Tabs + Visualforce community c...
Read more

Script to delete multiple records using Apex salesforce

Delete multiple records from salesforce anonymous block using some script.find the below script just paste the script in the anonymous vlock and select the code and click on Execute Highlighted. Before that if any conditions need to check add it in SOQL Query or if condition then it will filter the records and delete the records. If there are more records we have to run this script multiple times .if we try to delete all the records at a time we might get the DML and limit exceptions.so adding limit in SOQL query and executing. Example :  Object : ABC__c Fields : field1__c, field2__c list<ABC__c> abclist = new list<ABC__c>(); List<ABC__c > alltldroles = [SELECT id,name,field1__c,field2__c                              FROM ABC__c LIMIT 1000]; if(alltldroles.size()>0){     for(ABC__c tldroleslist : alltldroles) {          if(tldroleslist...
Read more

Change Owner / Update record using Lightning Custom Button Salesforce

Image
This post is related to changes the Owner or update the record from detail page in lightning. Actually we have standard button to change the owner of the record but when we click on the lighting button it will populate the popup and ask for user to change. But here the requirement is change the logged in user direcly when we click on the button. So here we created Custom lightning component with custom Quick action to complete this task. Standard Change Owner in Lightning In classic saleforce we used custom javascript buttons to execute the functionalites but lighting not support the javascript so here we created custom component with Quick action and added in the pagelayout so we can see it in lighting.and add the button in "Salesforce Mobile and Lightning Experience Actions" section. Add caption Lightning Button Pagelayout Change owner Lightning Button  <!--change owner lighting Component --> Component Name : changeowner.cmp <aura...
Read more