Merge pull request #5 from rymedia/dev-ry

Customization option

Author: bluezed

README.md

@@ -29,6 +29,14 @@ Add this line to your main layout so the widget gets loaded automatically into e
 <?= \bluezed\scrollTop\ScrollTop::widget() ?>
 ```
 
+To customize the class of the i and a-tags generated by the widget use the following syntax: 
+```php
+<?= \bluezed\scrollTop\ScrollTop::widget([
+      'i_class' => 'glyphicon glyphicon-menu-up bluezed-scroll-top-circle my_custom_class', 
+      'a_class' => 'bluezed-scroll-top my_other_custom_class') ?>
+```
+
+
 By default your main layout should be located here:
 ```
 <Project-Folder>/views/layouts/main.php

ScrollTop.php

@@ -18,11 +18,21 @@
  */
 class ScrollTop extends Widget
 {
+    public $i_class;
+    public $a_class;
+
     /**
      * @inheritdoc
      */
     public function init()
     {
+        if($this->i_class === null){
+            $this->i_class = 'glyphicon glyphicon-menu-up bluezed-scroll-top-circle';
+        }
+        if($this->a_class === null){
+            $this->a_class = 'bluezed-scroll-top';
+        }
+
         $view = $this->getView();
         ScrollTopAsset::register($view);
     }
@@ -35,10 +45,10 @@ public function run()
                     Html::tag(
                         'i', 
                         '', 
-                        ['class'=>'glyphicon glyphicon-menu-up bluezed-scroll-top-circle']
+                        ['class'=> $this->i_class]
                     ),
                     '#',
-                    ['id'=>'btn-top-scroller', 'class'=>'bluezed-scroll-top']
+                    ['id'=>'btn-top-scroller', 'class'=> $this->a_class]
                 );
     }
-}
+}