Yii 1.1: sl-ajax-tabs

Jquery Ajax Tabs , Provides 10 kinds of style.

This extension is Jquery Ajax Tabs , Provides 10 kinds of style.




  • Yii 1.0 or above


  • Extract the slajaxtabs dir under protected/extensions
  • Extract the images dir release file under images
  • Extract the css dir release file under css
  • The zip don't provide jquery.js.Use yii's jquery.js or download it.


See the following code example:

<script type="text/javascript" src="jquery.js"></script>
$tabs = array(
$this->widget('application.extensions.slajaxtabs.SlAjaxTabs', array('tabs'=>$tabs));

Change Log

April 26, 2009

  • Initial release.
  • V1.1 support style change when tab is clicked.
  • V1.1 support auto click the first tab when html is loaded.

Total 1 comment

#1567 report it
ayendesigns at 2009/06/21 10:58pm
Need better instructions

After much work I got the tabs to show up (one problem is that the CSS link needs to be moved to the page head).

However, I cannot get two things to work. One is the links. Even though the tabs array contains the correct links for each tab, they are not loaded into the tabs.

Second, there are no instructions about the rendering of the views for each tab. Prior to installing the tabs, I would do a render. Now, however, doing that returns the page in ajax as it should, but it also appears on the screen superimposed over the content of the current tab. Changing the parm for returning the render instead of showing it to true results in no ajax return, even if I put 'return' before the render. Switching to renderpartial, with any combination of the two parms being true/false, results in the same problem: a superimposed render, or no ajax return.

Leave a comment

Please to leave your comment.

Create extension