View Full Version : ViewPort items not clickable

17 Feb 2011, 8:18 AM
I use a viewport, with a panel with a card layout as the only item. Using ext 3.3.1.

The page renders just fine, but I cannot click anywhere, the whole page seems "masked". The buttons in the bbar aren't working, neither can I enter text in the forms (which are items of the panel).

var MainPanel = new Ext.Panel({
layout : 'card',
activeItem : 0,
border : false,
items: [card_users,card_accounts],
bbar: BottomBar

var viewport = new Ext.Viewport({
layout : 'fit',
items : MainPanel,
renderTo: Ext.getBody()
What am I doing wrong?

17 Feb 2011, 8:27 AM
Nevermind, solved it.

There was a

<div id="paneldiv" style="position:absolute; top:0;left:0; height:100%; width:100%;"></div>

Somewhere in the HTML code...

Note to self: use a plain vanilla environment for development....