function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Naren9Naren9 

Visualforce Page with Selection Options

Hi All,
Need help in creating Visualforce Page for the below scenario.
OutOftheBox, we can only add one Product to a Case. In my Case I have to add multiple Products to a Case, so I have created the Junction object and I can able to add the Multiple Products to case. Adding Multiple Products to a case is taking more time. 
I have create a Custom Button, which will popup all the Products and I should able to select the Products and Save those.
We have this kind of Functionality in Opportunity-->Products by using Add Products Button. I have to mimic below kind of page.

User-added imageUser-added imageAs of now, I am able to create a button and invoked the VFpage and it looks like below
User-added imageBelow is my Code:
<apex:page standardController="Product2" recordSetVar="accounts">
         <apex:form >
        <apex:pageBlock title="Product List">
        <apex:commandLink action="{!Next}">Next</apex:CommandLink>
            <apex:pageBlockTable value="{!accounts}" var="a">
                      <apex:column >
                        <apex:facet name="header">
                            Account Name
                        </apex:facet>
                        <apex:facet name="footer">
                            End Of table
                        </apex:facet>
                    <apex:outputField value="{!a.Name}"/>
                </apex:column>
                <apex:column >
                <apex:facet name="header">
                            Account Type
                        </apex:facet>
                        <apex:facet name="footer">
                            End Of table
                        </apex:facet>
                    <apex:outputText value="{!a.ProductCode}"/>
                </apex:column>
                </apex:pageBlockTable>
            <apex:commandLink action="{!previous}">Previous</apex:CommandLink>&nbsp;
                </apex:pageBlock>
        </apex:form>
</apex:page>
 
Kumaresan.ManickamKumaresan.Manickam
What exactly your issue in implementing this which could be helpful for others to answer. 
Naren9Naren9
I am new to Visualforce, help need in builiding new page as like in Screenshot 2.
Help is appreciated.

Thanks,
Naren