Tuesday 12 April 2016

tab panel

<apex:page standardController="Account" recordSetVar="items">

   <style>

    .tab1{

    width:120px;

    height:30px;

       color:blue;

    }

   </style>

    <apex:tabPanel >

    <apex:tab label="PageBlockTable" labelWidth="100"  styleClass="tab1">

        <apex:pageBlock title="PageBlockTable">

            <apex:pageBlockTable value="{!items}" var="a">

                    <apex:column value="{!a.name}" />

                    <apex:column value="{!a.industry}" />

                </apex:pageBlockTable>

            </apex:pageBlock>

        </apex:tab>

        <apex:tab label="DataTable" labelWidth="100" styleClass="tab1">

        <apex:pageBlock title="DataTable">

            <apex:dataTable value="{!items}" var="a">

                    <apex:column value="{!a.name}" />

                    <apex:column value="{!a.industry}" />

                </apex:dataTable>

            </apex:pageBlock>

        </apex:tab>

        <apex:tab label="DataList" labelWidth="100" styleClass="tab1" >

        <apex:pageBlock title="DataList">

            <apex:dataList value="{!items}" var="a">

                {!a.name}

               

                </apex:dataList>

            </apex:pageBlock>

        </apex:tab>

        <apex:tab label="Repeat" labelWidth="100"  styleClass="tab1">

        <apex:pageBlock title="Repeat">

            <apex:repeat value="{!items}" var="a">

                {!a.name}

                </apex:repeat>

            </apex:pageBlock>

        </apex:tab>

    </apex:tabPanel>

</apex:page>

No comments:

Post a Comment