How to Display Continous Scrolling Text in Form Applet Field?
Suppose there is a description field in a form applet, having lots of lines of data, then how will you display that data in automatic continous scrolling-up form.
Pls post if anyone has a solution for achieveing this in siebel.
Possible Solution:
Lets take a Description field having some lines of data, then how to display that data in automatic continous scrolling-up format.
Here we go,
1. Let’s take a [Description] field at BC level which stores the data.
2. Create a new Calculated Field in the same BC as given below -
Field: Calc HTML Desc
Calculated Value: ” <marquee direction=up height=52 scrollAmount=2 scrollDelay=3 onmousedown=’this.stop()’ onmouseover=’this.stop()’ nmousemove=’this.stop()’ onmouseout=’this.start()’><font color=’red’>” + [Description] + “</font></<marquee>”
NOTE: We have embedded the [Description] field among the HTML tags above.
3. Expose the Calculated Field in form applet by creating a new record in Applet -> Controls and mapping it to Applet UI in the Edit Web Layout.
Name: Description
Field: Description
HTML Display Mode: DontEncodeData
HTML Type: TextArea
HTML Height: 50
HTML Width: 25
Read Only: True
Runtime: True
Concept:
Here we use <marquee> , a HTML tag. If anything placed in this tag, it will scroll. Different types of scrolling behaviour can be achieved by providing different values . When we set the Applet Control Propety – HTML Display Mode = DontEncodeData, it will consider the data in BC field as pure HTML and display as interpreted by a web browser. So, if we place HTML tags along with data, or add the HTML tags via Calculated Fields to other Fields, then that field data can be displayed as HTML with any type of Effect or Formatting.
See yourself the effect of Marquee Tag:
Place below code in a .HTML file and just double click.
<html> </body> <marquee behavior=alternate direction=up height=52 scrollAmount=1 scrollDelay=3 onmousedown="this.stop()" onmouseover="this.stop()" onmousemove="this.stop()" onmouseout="this.start()"> <font color="red">This is Crazy</font> </<marquee> </body> </html>
Possible values for Marquee Parameters -
direction – up, down,left, right
behavior – alternate, scroll, slide
Read some more similar posts
Leave your response!