- 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.
- Seven NoSQL Databases in a Week
- 樂高機器人EV3設計指南：創造者的搭建邏輯
- 商戰數據挖掘：你需要了解的數據科學與分析思維
- 西門子PLC與InTouch綜合應用
- 機器自動化控制器原理與應用
- Cloudera Administration Handbook
- 大數據時代
- Prometheus監控實戰
- Hadoop應用開發基礎
- Linux嵌入式系統開發
- Working with Linux：Quick Hacks for the Command Line
- Hands-On Dashboard Development with QlikView
- 和機器人一起進化
- FANUC工業機器人配置與編程技術
- 機床電氣控制與PLC