sl-ajax-tabs | Extension

sl-ajax-tabs Follow @yiiframework

Jquery Ajax Tabs , Provides 10 kinds of style.

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

Resources ¶

Report a bug

Documentation ¶

Requirements ¶

Yii 1.0 or above

Installation ¶

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.

Usage ¶

See the following code example:

<script type="text/javascript" src="jquery.js"></script>
<?php
$tabs = array(
    array('title'=>'customer','url'=>'/general/customer/admin'),
    array('title'=>'account','url'=>'/general/account/admin'),
);
$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

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.

Please login to leave your comment.