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

Revision #2 has been created by RusAlex on Feb 17, 2011, 6:14:35 PM with the memo:

api link error
« previous (#1)


Title unchanged

Preventing CJuiTabs from hiding drop-down CMenu items

Category unchanged


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:

// in protected/views/layouts/main.php
4 0
Viewed: 12 016 times
Version: 1.1
Category: Tips
Written by: Steve Friedl
Last updated by: RusAlex
Created on: Jan 30, 2011
Last updated: 7 years ago
Update Article


View all history