You are here:
Customize the Volunteer Report Hours Page
Customize the contents of the Volunteer Report Hours page, and make it look and feel like an integral part of your website.
- Customize the Fields in the Volunteer Report Hours Page
Customize the fields displayed in the Volunteer Report Hours page to make it more usable for volunteers. For example, expose the Comments field so that volunteers can leave feedback on their experience. You can include any standard or custom field on the page, as long as it's from the Volunteer Hours object. - Style the Volunteer Report Hours Page with CSS
The Volunteer Report Hours page uses a cascading style sheet (CSS). Volunteers for Salesforce provides the VolunteersReportHoursCSS.css file as a Document in Salesforce. Customize the CSS with your own CSS styles so that the Volunteers for Salesforce part of the webpage matches the rest of your website's look and feel. - IFRAME Tag for the Volunteer Report Hours Page
Give your web developer this IFRAME tag so they can insert the Volunteer Report Hours page into your website. Use the appropriate format for HTTP sites or secure HTTPS sites. - Supported URL Parameters for the Volunteer Report Hours Page
Use one or more of these optional URL parameters in your IFRAME tag to further customize the page for volunteers reporting their hours worked.
Customize the Fields in the Volunteer Report Hours Page
Customize the fields displayed in the Volunteer Report Hours page to make it more usable for volunteers. For example, expose the Comments field so that volunteers can leave feedback on their experience. You can include any standard or custom field on the page, as long as it's from the Volunteer Hours object.
- Volunteer Job displays only active Jobs, under active Campaigns.
- Volunteer Shift displays only the Shifts that are scheduled within a three-month window of last month, this month, and next month.
You may remember that you've already configured field sets for the Volunteers Wizard and other V4S pages. To customize the VolunteersReportHoursFS field set, on the Object Manager tab in Setup, click , then click VolunteersReportHoursFS. Refer to Configure Fields in Volunteers for Salesforce for instructions on how to customize field sets.
Troubleshooting Tip: If any fields you added to the field set don't appear on your Volunteer Report Hours page, they might not be enabled for the Site Guest User profile. An error message at the top of the page indicates which fields to enable. Go to the Site Detail page and update the Public Access Settings for the Site Guest User profile. You previously configured the Public Access Settings, but if you or another admin have added custom fields since that update, they may need to be updated again.
Style the Volunteer Report Hours Page with CSS
The Volunteer Report Hours page uses a cascading style sheet (CSS). Volunteers for Salesforce provides the VolunteersReportHoursCSS.css file as a Document in Salesforce. Customize the CSS with your own CSS styles so that the Volunteers for Salesforce part of the webpage matches the rest of your website's look and feel.
Follow the instructions provided for styling the Volunteer Signup page, making sure that you edit the VolunteersReportHoursCSS.css file.
IFRAME Tag for the Volunteer Report Hours Page
Give your web developer this IFRAME tag so they can insert the Volunteer Report Hours page into your website. Use the appropriate format for HTTP sites or secure HTTPS sites.
Sample IFRAME in HTTP format:
<iframe src="http://mydomain.force.com/yoursitelabel/GW_Volunteers__VolunteersReportHours"
frameborder="0" scrolling="false" height="600" width="500"></iframe>Sample IFRAME in HTTPS format:
<iframe src="https://mydomain.secure.force.com/yoursitelabel
/GW_Volunteers__VolunteersReportHours" frameborder="0"
scrolling="false" height="600" width="500"></iframe>A few reminders to keep your code snippet clean:
- mydomain is a placeholder value for your domain name. Be sure to include your actual domain name in place of the placeholder text.
- yoursitelabel is a placeholder value for the Default Web Address. Include it only if you specified one when you created your Site.
- There are two underscore characters between
VolunteersandVolunteersReportHours. - If you're using one or more URL parameters, add them to the end of the URL. Separate the first parameter from the rest of the URL with a ? character. Separate multiple parameters with the & character.
Supported URL Parameters for the Volunteer Report Hours Page
Use one or more of these optional URL parameters in your IFRAME tag to further customize the page for volunteers reporting their hours worked.
For details about adding URL parameters to an IFRAME tag, see Customize the Volunteer Job Listing Page.
| Name | Value | Description |
|---|---|---|
| DateFormat | EEEE m/d/yyyy (default) | String format that tells V4S how to display Shift dates. The default string displays the day as text, followed by the month, date, and year. For example: Thursday 4/6/2017. You can specify a different string format by arranging these supported character sets with standard punctuation for date formatting (forward slashes, hyphens, commas, and so on).
|
| Language | en (default) | Display the labels that have been translated in Salesforce into a different language. Identify the language using a two-character language code, such as en, or a five-character locale code, such as en_AU. (See Supported Languages in the Salesforce Help.) Volunteers for Salesforce supports these languages out of the box:
You can create your own translations in other languages. See Translate Volunteers for Salesforce into Other Languages or Customize Terminology. The specified language overrides the language that users have set in their Salesforce personal settings. |
| TimeFormat | h:mm tt (default) | String format that tells V4S how to display Shift times. The default string displays the time of day as hour and minutes with a.m. or p.m. For example: 9:30 am. You can specify a different string format by arranging these supported sets of characters with standard punctuation for time formatting.
|
