Changing the logo
By default, the logo is displayed in the top left of each form page. You can change the company logo displayed on your forms pages by uploading a new logo image and updating the CSS styles for your form.
You can use a logo image that is saved a static resource within your organization, or upload an image to public web space.
Using a static resource
You can replace the existing form logo in your organization's static resources, or upload a new one.
To replace an existing static resource:
-
Go to Setup and search for Static Resources.
-
To replace the existing logo, find the logo in the list (for example, FormLogo) item in the list and select Edit.
-
Select Choose file, and select your new form logo image.
-
Ensure that Cache Control is set to "Public".
-
Select Save.
To upload a new static resource:
-
Go to Setup and search for Static Resources.
-
Select New above the list.
-
Give the resource a Name and optional Description.
-
Select Choose file, and select your new form logo image.
-
Set Cache Control to "Public".
-
Select Save.
Update the CSS
If you have added a new logo, or you want to reference an image hosted on a public web server, you must update the CSS for your form to reference the new logo image.
For more information about changing the CSS for your form, see Using CSS in your form.
In your CSS file, find the class .formTitle
. This has a background-image
attribute:
.formTitle {
height: 100%;
width: 100%;
text-align: right;
display: table-cell;
vertical-align: right;
font-size: 100%;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
background-image: url('/resource/FormLogo
');
background-repeat: no-repeat;
background-position: 0px 0px;
}
Change the referenced URL to use a different static resource, or use a fully qualified URL (including the http://) to reference an external resource.