Platform

Support center Web Site Menus Header Logo or Profile Picture

Logo or Profile Picture

Business Background

Personalize your web projects with a custom logo or profile picture.

Titan Solution

Titan lets you personalize your web projects with a custom logo or profile picture in a few clicks with no coding. Add a custom logo or profile picture to differentiate your projects and users from others.

Titan is linked directly to Salesforce, all images are synced from Salesforce, and any changes are synced to Salesforce.

How to Guide

Personalization allows you to add a logo or profile picture to a project.

Note:

Prerequisites:

The header and SmartV must be enabled on the Web project.
There must be a rich text field containing an image or a URL to an image saved in Salesforce. Click here or here for more information.

This image has an empty alt attribute; its file name is image-363.png

Add a logo or profile picture to the header

Navigate to Titan Web Application.
Select the Manage Menus option under Pages on the Web project. The Site Menus screen opens.

Note:

If both options have been selected, the profile image will be used as the default. If the profile image cannot be found (for instance, the field in Salesforce is empty), then the profile icon will be used.

Use the toggle switch to enable the profile image and, if necessary, the profile icon.
Click the Profile Image Gear icon to configure the profile image. The Profile Image screen opens.

User Profile option on the Site Menus screen

Select the option from the drop-down list, for instance, Rich Text Field or Image URL.
Click the Apply button and close the Site Menus screen.
Preview the project.

The profile picture is shown in the header at the top right of the page.

Preview of the Web project

Show the profile picture on the profile page

Note:

Prerequisite:

If you want a user to be able to show and edit the profile picture, the option Include a profile page on the SmartV wizard must be enabled.

This image has an empty alt attribute; its file name is image-549.png

Include a profile page enabled

Click the profile picture on the web page. A menu option opens.

Edit the profile picture

Select the Profile option. The profile screen with the profile picture opens.

Click the Update Image option. The Update profile image screen opens, where you can click-and-drag a file or upload a file.
Select the Update Profile button on the Update profile image screen to update the profile picture.