Update on Rich text images
Here is the problem unless stored as a document with externally available flag, I do not think you can permit the image to be displayed on a word document.
Read this doc on why static resource images cannot be accessed in a template:
https://help.salesforce.com/apex/HTViewSolution?urlname=Why-images-stored-as-static-resources-cannot-be-seen-in-emails-sent-using-VF-email-templates-1327108316482&language=en_US
The only crazy solution I can think of is
1) Ask the user to upload the image for the rich text field as attachment on the parent object.
2) create a long text field on the parent object ( kill the rich text field) where the user can add his / her comments related to the image.
2) Create a trigger on attachment object which saves the image into a document
3) Once the image is saved as Doc take the doc id that got created and update it on the parent object using a field that is not editable and do not add to the page layout. ( If you have to add multiple images to your template, you may have to do more nasty coding )
4) On your vf page do
Here is a solution that I developed using the advice from these blogs
http://eplatypus.blogspot.com/2012/01/visualforce-to-word.html
https://theviewfromouthere.wordpress.com/2009/10/08/turning-a-visualforce-page-into-a-word-document/
Instead of loading the image into a static resource I loaded it into the document and make sure Externally Available Image is checked.
My page tag:
<apex:page standardController="opportunity" contentType="application/msword#mydoc.doc" applyHtmlTag="false" showHeader="false" cache="true" readOnly="true" >
I used the following syntax for rendering the image
<img src="https://c.**yourinstance**.content.force.com/servlet/servlet.ImageServer?id=docId&oid=OrgID" />
You can get the above URL by
My word file output :
Looks like you have not initialised the value for "P". Initialise the value in the constructor.
VF Page:
<apex:page controller="CheckboxController">
<apex:form >
<apex:inputCheckbox id="checkboxShowP" value="{!P}" onchange="show(this);"/>
</apex:form>
</apex:page>
Apex Class:
public with sharing class CheckboxController {
public Boolean P{ get; set; }
public CheckboxController(){
this.P = true;
}
}
Do check the Apex and VF trailhead for an understanding of dynamic bindings.
Custom Controllers : https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_controller_custom.htm
Best Answer
Simplistically, you can do something like:
Where each icon represents a checked or unchecked box. The exact URL will differ, but the concept remains. There is a default checked and unchecked box, or you could use one of your own choosing by using static resources.