Apex Code Development (90630)
General Development (55086)
Visualforce Development (37230)
Lightning (18160)
APIs and Integration (17063)
Trailhead (11660)
Formulas & Validation Rules Discussion (11318)
Other Salesforce Applications (8094)
Jobs Board (6654)
Force.com Sites & Site.com (4831)
Mobile (2689)
You need to sign in to do that
Don't have an account?
Aki99 Hi,
I want to use images in place of default checkbox in salesforce. So that when the user clicks on the image its corresponding checkbox gets selected at the back end.Any idea how can I achieve that in visualforce??
Thanks in advance
Regards,
Aakash
Oh Okay. Use 2 images having rendered attribute. On click of first image, perform operations such that at back end your checkbox is being updated. and then rerender that block. which will display your other image. For rendered, you can use checkbox value.
just a rough idea :
1. <apex:image id="idImage1" rendered="{!IF(CheckboxValue,true,false)}" onclick="callAF()">
<apex:image id="idImage2" rendered="{!IF(CheckboxValue,false,true)}" onClick="callAF()">
2. In action Function, call a method in controller, that updates the checbox value.
3. Rerender the image block in actionFunction.
All Answers
@Aki99,
You can make use of standard images, as in :
<img src="/img/checkbox_unchecked.gif"/>
<img src="/img/checkbox_checked.gif"/>
Thanks Jiah for such a prompt reply.
But I guess I wasn't able to clarify my problem. What I want is my user only sees image in place of checkboxes and when he/she clicks on the image, its corresponding checkbox is selected and the color or source of the image is also change to show the select. Also in case of a select click the image and thus the checkbox is unselected from the list. Just as we do in case of check boxes, I need that same functionality but using custom mage in place of checkbox.
Oh Okay. Use 2 images having rendered attribute. On click of first image, perform operations such that at back end your checkbox is being updated. and then rerender that block. which will display your other image. For rendered, you can use checkbox value.
just a rough idea :
1. <apex:image id="idImage1" rendered="{!IF(CheckboxValue,true,false)}" onclick="callAF()">
<apex:image id="idImage2" rendered="{!IF(CheckboxValue,false,true)}" onClick="callAF()">
2. In action Function, call a method in controller, that updates the checbox value.
3. Rerender the image block in actionFunction.