0

I have a VF page. that page will be showing custom object quote line item records. I need show "Clone| Add favourite| Delete Action Icons" for each record which are displayed in records list view in below images. And in that custom object having Field Set. How to place that field set in each records row last using toggle. how to Perform show/hide toggle using JavaScript on visualforce page.

enter image description here

enter image description here

    <apex:page standardController="SBQQ__Quote__c" extensions="TestEditController" showHeader="false" sidebar="false" id="thePage" lightningStylesheets="true">
<apex:stylesheet value="{!URLFOR($Resource.QLEL, 'assets/styles/salesforce-lightning-design-system.vf.css')}" />
    <apex:sectionHeader title="Edit Quote" subtitle="{!Quote__c.Name}"/> 

         <style>
    .LineItemRecords{
        counter-reset: rowCounter;
    }
    .LineItemRecords .row {
        counter-increment: rowCounter;
    }
    .LineItemRecords .row .counter::before {
        content: counter(rowCounter);
    }
    </style>
    <apex:form id="theForm"> 
         <div align="center" >
            <apex:commandButton value="Add Products" action="{!addProduct}"/> &nbsp;&nbsp;&nbsp;&nbsp;
            <apex:commandButton value="Add Group" action="{!addgroup}"/>
            <apex:commandButton value="Delete Lines" action="{!deletelines}"/>&nbsp;&nbsp;&nbsp;&nbsp;
            <apex:commandButton value="Quick save" action="{!quicksave}"/>
            <apex:commandButton value="Calculate" action="{!calculate}"/>&nbsp;&nbsp;&nbsp;&nbsp;            
            <apex:commandButton value="Cancel" action="{!cancel}" />
            <apex:commandbutton value="save" action="{!save}"/> 
         </div> 
            <apex:pageBlock mode="inlineEdit">
            <apex:pageBlockTable value="{!quoteLines}" var="lineitems" styleClass="LineItemRecords" rowClasses="row">            
               <apex:column > 
                   <apex:facet name="header">
                       <apex:inputCheckbox value="{!checkBox}">
                           <apex:actionSupport />
                       </apex:inputCheckbox>
                   </apex:facet>
                   <apex:inputCheckbox />                   
                   </apex:column>
                    <apex:column headerValue="#">
                        <span class="counter"></span>
                    </apex:column> 
                <apex:column value="{!lineitems.ProductName__c}"/>
                <apex:column value="{!lineitems.Quantity__c}"/>
                <apex:column value="{!lineitems.LPrice__c}"/>
                <apex:column value="{!lineitems.Sprice__c}"/>
                <apex:column value="{!lineitems.Sales__c}"/>
                <apex:column value="{!lineitems.Marg_c}"/>
                <apex:column value="{!lineitems.Count__c}"/>
                <apex:column value="{!lineitems.Totalvalue__c}"/>  
                </apex:pageBlockTable>
        </apex:pageBlock>
    </apex:form>


</apex:page>

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.