etbar Follow @yiiframework

ETbar a web toolbar widget for yiiframework ¶

Author: Dimitrios Mengidis Version: 0.3 Beta

jQuery features

• Tabs
• Draggable / Resizable
• jQuery theme support

Testing browsers

• Mozilla Firefox 3.6.13
• Opera 11.00. Build 1176 for Linux

Screenshots

Early version 0.3 - Closed - Open with CListView horizontal - Open with CListView vertical

Install ¶

1. Extract zip file under the protected/extensions.

2. Add import of extension to your config file ( protected/config/main.pph ) like:

'imports'=>array(
       ....
       'application.extensions.ETbar.*',
    ),

Use: ¶

1. init widget in the view file:

$this->beginWidget('ETbar', array(
        'tabs'=>array(
            'Tab Tittle'=>'String', //Static contented that will be echoed in tab1
            'CListView'=>array(     //A CListView in tab2
                'dataProvider'=>$dataprovider, //CDataProvider
                'widget'=>ETbar::CLIST, 
                'itemView'=>'my_view',
             ),
        ),
    ));

Notice

At the current version and the above example clisview will try to look for a view under:

protected/extensions/ETbar/views/my_view.php

This will be changed in next versions, and it will look in the views/modename/my_view.php

Links: ¶

Repositorie or contact. Contact me Thanks.

Changelog ¶

- version next:
    - Be able to set css and js values from widget constructor. Related attributes like:
        - height of bar.
        - color/transaprency of bar
    - The clisview and other widget to look for views under protected/view depend the model
    - support CGridView, CAciveForm, CDetailView
    - add init( ... "options"=>array("theme"=>"selectable theme"))

- version 0.3 beta
    - jquery tabs, themes added
    - added resize button 
    - resizable/dragable functionality added
    - worked on basic init of object
    - support of jquery ui themes

- version 0.2:
    - Support clistview of a model

- version 0.1:
  - Working widget.
  - Css file for basic properties.
  - Js file for on document ready toggle.