layout panel problem with Ie7 [Archive]

kamelus

24 Aug 2007, 12:37 PM

hi
i took the complex layout example and i modfied my asp page to integrate a master detail grid i have coded before
but i don't have the same result with IE7 and firefox
with IE7 i don't see the layout panel you cans see this in the photos i join

here is the code of my page

[CODE]

<% %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Detail des paiements Cabinet medical</title>

<link rel="stylesheet" type="text/css" href="style/ext-all.css" />

 
<script type="text/javascript" src="scripts/yui/yui-utilities.js"></script>
<script type="text/javascript" src="scripts/yui/ext-yui-adapter.js"></script>

<script type="text/javascript" src="scripts/ext-all.js"></script>


<script type="text/javascript" src="scripts/lang/ext-lang-fr_CA.js"></script>

<script type="text/javascript" src="scripts/cabinet.js"></script>
<link rel="stylesheet" type="text/css" href="style/grid.css" />

<link rel="stylesheet" type="text/css" href="style/form.css" />
<link rel="stylesheet" type="text/css" href="style/menus.css" />

<style type="text/css">
html, body {
font:normal 12px verdana;
margin:0;
padding:0;
border:0 none;
overflow:hidden;
height:83%; }
.x-layout-panel-north {
border:0px none;
}
#nav {
}
#autoTabs, #center1, #center2, #west {
padding:10px;

}
.x-layout-panel-center p {
margin:5px;
}
#props-panel .x-grid-col-0{
}
#props-panel .x-grid-col-1{
}
</style>
<script type="text/javascript">
Example = function(){
var layout;
return {
init : function(){
layout = new Ext.BorderLayout(document.body, {

west: {
split:true,
initialSize: 200,
minSize: 175,
maxSize: 300,
titlebar: true,
collapsible: true,
animate: true
},

center: {
titlebar: true,
autoScroll:true,
closeOnTab: true
}
});

layout.beginUpdate();
layout.add('west', new Ext.ContentPanel('west', {title: 'West'}));
layout.add('center', new Ext.ContentPanel('center1', {title: 'Formulaire patient', closable: true}));
layout.add('center', new Ext.ContentPanel('center2', {title: 'Actes m

steffenk

24 Aug 2007, 1:47 PM

hi,

i had the same problem and solved it by encapsuling the layout with

Ext.onReady(function(){
#place your layout here
});

kamelus

24 Aug 2007, 2:04 PM

hi,

i had the same problem and solved it by encapsuling the layout with

Ext.onReady(function(){
#place your layout here
});

Thank you guy for your answer
i tried what to encapsulate the layout like you told me but nothing changed, the tab panels are completely below
like you can see in the photo i join

thanks any other idea ?

kamelus

25 Aug 2007, 11:14 PM

Hi
any idea ?

thanks a lot

kamelus

28 Aug 2007, 10:35 PM

hi
can anyone help me for this pb

thanks a lot for your help