- Salesforce CRM Admin Cookbook
- Paul Goodey
- 656字
- 2021-07-27 18:03:59
Creating a news-ticker message on the home page
Animated text messages and custom HTML styling can be very effective in gaining users' attention.
Not only do they allow a reasonably large number of characters to be presented on a single line of text but they also provide a visually dynamic "headline news" style of message delivery for what can otherwise be overlooked static text.
You can draw attention to your news message on the Salesforce home page using this custom home page component recipe with the steps listed in the following section.
How to do it...
Carry out the following steps to create a news-ticker message on the home page:
- Navigate to the home page components setup page, by clicking the following: Your Name | Setup | Customize | Home | Home Page Components.
- Click on New.
- Click on Next (on the Understanding Custom Components splash screen if shown). The Next button is found on the Understanding Custom Components splash screen (this page is only shown if the Don't show this page again checkbox has not previously been checked) as in the following screenshot:
Here, we are presented with the Step 1. New Custom Components page.
- Enter the name of the custom component in the Name field. Enter the text
News Ticker
. - Select the HTML Area option from the Type options list.
- Click on Next.
- Ensure that the Wide (Right) Column option is selected within the Component Position option list.
- Check the Show HTML checkbox.
- Paste the following code (as shown in the following screenshot):
<center> <div style="border: 1px solid rgb(51, 153, 255); width: 96%; color: black; font-size: 18px; background-color: rgb(255, 255, 204);" id="NewsTicker"> <marquee onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=6" width="98%">Welcome to the Salesforce CRM Admin cookbook</marquee></div></center><br>
- Click on Save.
- Navigate to the home page components setup page by going to Your Name | Setup | Customize | Home | Home Page Layouts.
- Determine which home page layout to place the component on and click on Edit. Here we are editing the home page layout named DE Default, as shown in the following screenshot:
We will be presented with the Step 1. Select the components to show page.
- Check the News Ticker checkbox in the Select Wide Components to Show section, as shown in the following screenshot:
- Click on Next.
- Move News Ticker to the top position in Wide (Right) Column using the Arrange the component on your home page. section, as shown in the following screenshot:
- Click on Save.
How it works...
By using HTML and in particular the HTML marquee tag and Cascading Style Sheets (CSS), we are able to present a moving text section. You can see what this looks like in the following screenshot:

There's more...
Replace the text Welcome to the Salesforce CRM Admin cookbook
with a suitable message of your choice.
When entering HTML and JavaScript code into the HTML editor section (in step 2 of the New Custom Component wizard) you must ensure that the code is valid.
There is a maximum of 20 custom components that can be added to a Home Page layout.
Note
The marquee tag is a non-standard HTML element which causes text to scroll up, down, left or right automatically. From http://en.wikipedia.org/wiki/Marquee_element:
The marquee element was first invented for Microsoft's Internet Explorer and is still supported by it. Firefox, Opera, Chrome, and Safari web browsers support it for compatibility with legacy pages.
- 高性能混合信號ARM:ADuC7xxx原理與應用開發
- Zabbix Network Monitoring(Second Edition)
- 控制系統計算機仿真
- MATLAB/Simulink權威指南:開發環境、程序設計、系統仿真與案例實戰
- Troubleshooting OpenVPN
- LAMP網站開發黃金組合Linux+Apache+MySQL+PHP
- 智能生產線的重構方法
- 奇點將至
- Spark大數據商業實戰三部曲:內核解密|商業案例|性能調優
- 簡明學中文版Photoshop
- Hands-On SAS for Data Analysis
- 典型Hadoop云計算
- Web璀璨:Silverlight應用技術完全指南
- 歐姆龍PLC應用系統設計實例精解
- 傳感器應用技術