How to make a panel's css top propert none

[ttamturk]

Hi,

 

I try to make a menu at the bottom of the page and i can do it with a css but i have an issue here.

 

I set my css class (Shortcuts) to a unipanel afterrender but there is it's element style which takes objects position from delphi form. Css code;

 

element.style {

    height: 41px;

    left: 46px;

    top: 440px;

    width: 116px;

}

.Shortcuts {

    bottom: 0 !important;

    left: 30px !important;

    padding: 3px 3px 0;

    position: fixed !important;

    z-index: 9999;

}

 

 

this is the result after i set my custom css. as you see there is a top property at element.style and it makes my css styles bottom property useless. How can i clear that property?

 

Best regards

 

[ttamturk]

Hi,

 

I solve this problem with using this code at ExtEvents->afterrender;

 

function afterrender(sender, eOpts)
{
  Ext.get(sender.id).setStyle("top", "");
  Ext.get(sender.id).addCls("shortcuts");
}