Difference between #1 and #2 of
Preventing CJuiTabs from hiding drop-down CMenu items

Changes

Title unchanged

Preventing CJuiTabs from hiding drop-down CMenu items

Category unchanged

Tips

Yii version unchanged

Tags unchanged

CJuiTabs, CMenu, styling

Content changed

Almost all Yii applications use [CMenu](http://www.yiiframework.com/doc/api/1.1/CMenu) at the top of each page to show options available to the user, and many include drop-down components to allow more fine-grained selection. But when the page's _content_ uses [CJuiTabs](http://www.yiiframework.com/doc/api/1.1/CMenuJuiTabs), many find that the drop-down CMenus are **hidden behind** the JuiTabs content. This is very annoying, and there don't appear to be any Yii or jQuery options directly on point to fixing this.

The solution involves insuring that CMenu has a higher `z-index` than the main content does, and this can be achieved by adding `htmlOptions` to the CMenu widget in the main layout file:

```php
// in protected/views/layouts/main.php
[...]
4 0
3 followers
Viewed: 15 592 times
Version: 1.1
Category: Tips
Written by: Steve Friedl
Last updated by: RusAlex
Created on: Jan 30, 2011
Last updated: 13 years ago
Update Article

Revisions

View all history