ejsscroll beautify vertical and horizontal html bars

  1. Requirements
  2. Usage
  3. Resources

This extension beautify the vertical and horizontal bars (scrolling) by javascript

Requirements

  1. Developed and tested with Yii 1.1.12 but may working with older versions too.
  2. JQuery

Usage

To use the EJsScroll extension

  1. extract archive in your extensions folder
  2. put the above code in your view or controller file
Yii::app()->clientScript->registerCoreScript('jquery'); //if you do not set it yet

$this->widget('ext.EJsScroll.EJsScroll',
    array(
        'selector' => '#content',
        'showArrowsBar'=>false
    )
);

'selector' is the div or whatever you want to do scrollable (default '#content') 'showArrowsBar' false or true to show box-arrows on the edge of the scrollbar (default true)

Also if you want to styling a selector (to make it scrollable) on specific action you can add this (as example)

Yii::app()->clientScript->registerCss('MyScrollPage','#content {position:relative; top:20px; height:500px; width:800px; margin:auto;}');

you could also modify jquery.jscrollpane.css and the scrollstyle.css files of protected/extensions/EJsScroll/assets/css folder to styling the scrollbar. (on YII_DEBUG = true)

Resources

http://jscrollpane.kelvinluck.com

1 0
8 followers
475 downloads
Yii Version: Unknown
License: BSD-2-Clause
Category: User Interface
Created on: May 25, 2013
Last updated: 5 years ago

Downloads

show all

Related Extensions