Scroll content on pages

The Composite.Web.Html.Scroller package allows you to have content auto-scrolled in a box on a page. For scrolling the content, it uses jQuery.

How to implement

  1. Edit a page.
  2. Insert the Composite.Web.Html.Scroller function ( Insert | Function) or add similar code: 
     
<f:function name="Composite.Web.Html.Scroller" xmlns:f="http://www.composite.net/ns/function/1.0"> 
  <f:param name="Content" value="&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &#x9;&lt;head&gt;&lt;/head&gt; &#x9;&lt;body&gt;  &lt;p&gt;Your text to autoscroll&lt;br /&gt;&lt;/p&gt;  &#x9;&lt;/body&gt; &lt;/html&gt;" /> 
  <f:param name="Title" value="" /> 
  <f:param name="Width" value="250" /> 
  <f:param name="Height" value="300" /> 
</f:function>

  3. In the Content parameter, provide content to auto-scroll on a page in a box.
  4. Specify the optional parameters if necessary:
    • Title: The title of the auto-scrolling box (none by default)
    • Width: The width of the auto-scrolling box (250 by default)
    • Height: The height of the auto-scrolling box (300 by default)

Customization

You can customize the layout by editing the style sheet:

  • ~\Frontend\Composite\Web\Html\Scroller\Styles.css

Requirements

Composite C1 version 3.0 or later

SHARE