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
Alfredo Ornelas 4Alfredo Ornelas 4 

Visualforce page for car diagram

Hi,

I'm new with VFP and I want to know if I can create the following  car diagram, and after selecting the checkbox options save the diagram.
Can you share code for class and VFP? thanks

User-added image
James LoghryJames Loghry
Hi Alfredo,

Before getting started, you should head over to the Visualforce basics module and study up on VF basics: https://trailhead.salesforce.com/module/visualforce_fundamentals

That being said, VF is able to handle this, you just need to figure out how to represent it in either HTML and/or Javascript.  Some thoughts are that you could use an image map or a table of images and checkboxes to render the car and check boxes.
Nelson PhamNelson Pham
We recently encountered a similar problem while developing an application. As James said earlier, the program does a great job. Suppose you follow the instructions from https://trailhead.salesforce.com/module/visualforce_fundamentals. In our case, the application used car clipart images from https://hum2d.com/. We got great results and a lot of positive feedback from the app users.
Marsh WarnerMarsh Warner
A Visualforce page is similar to a standard Web page, but includes powerful features to access, display, and update your organization's data. Pages can be referenced and invoked via a unique URL, just as they would be on a traditional web server. Visualforce uses a tag-based markup language that's similar to HTML. Like https://royalprinceautocare.com/