[BUG d'affichage] ice:dataTable depassement de la largeur de l'ecran

**Esil2008** · 13/11/2008, 15h41

Le problème est du au composant ice:dataTable (je pense). Quand ce composant contient un nombre de colonnes supérieurs à la largeur de l'écran. La largeur de la dataTable dépasse celle de l'écran même avec un overflow : auto pour avoir l'ascenseur.

Moi je voudrais que la datatable soit toujours à l'intérieur de la fenêtre et si jamais sa largeur dépasse, un ascenseur est crée pour empêcher ce dépassement avec un ascenseur pour la datatable et non pas pour toute la fenêtre.

En PJ il y a une image qui montre ce probléme.

Maintenant je vous explique l'exemple que j'ai mit pour montrer ce "bug"

Mon formulaire doit être inserer dans une sorte de template, le voila le template :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root jsfc="f:view" xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:c="http://java.sun.com/jstl/core"
xmlns:ice="http://www.icesoft.com/icefaces/component" xmlns:ui="http://java.sun.com/jsf/facelets">
  <ice:outputDeclaration doctypeRoot="HTML" doctypePublic="-//W3C//DTD XHTML 1.0 Transitional//EN" doctypeSystem="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
 
  <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      </meta>
 
      <title id="dynamicTitle">
        <ui:insert name="title">EXTRANET</ui:insert>
      </title>
 
      <link rel='stylesheet' type='text/css' href='${facesContext.externalContext.requestContextPath}/xmlhttp/css/rime/rime.css' />
 
      <link rel='stylesheet' type='text/css' href='${facesContext.externalContext.requestContextPath}/css/core.css' />
    </head>
 
    <body >
    <center>
      <div id="header" >
       <ice:panelGrid columns="2" cellpadding="0" cellspacing="0" styleClass="headerGrid">
        <ice:graphicImage url="/images/layout/logo.jpg" />
        </ice:panelGrid>
      </div>
 
      <ice:panelGrid columns="2" cellpadding="5" cellspacing="0" styleClass="layoutGrig" >
        <div id="menu">
          <ui:insert name="navigation">
            <ui:include src="navigation.jspx" />
          </ui:insert>
        </div>
 
        <div id="principal">
          <div class="principal2">
            <div class="haut">
              <div class="coingh">
                <div style="margin:0px 0px 0px 30px;">
                	<ui:insert name="page-header" />                	
               </div>    
              </div>
 
              <div class="coindh">              
              </div>
            </div>
 
            <div class="contenu" >              
                <ui:insert name="page-content" />
            </div>
 
            <div class="bas">
              <div class="coingb">
              </div>
 
              <div class="coindb">
              </div>
            </div>
          </div>
        </div>
      </ice:panelGrid>
</center>
 
       <!-- 
          PRELOAD IMAGES need for roleovers and layout in general, javascript is only
          loaded once per refresh which is good enough.  This improves overall user
          experience as they shouldn't have to wait for images to show up after the
          initial load.
          --> <script language="JavaScript" type="text/javascript">
            // <![CDATA[ 
            var preloaded = new Array();
            function preload_images() {
                for (var i = 0; i < arguments.length; i++) {
                    preloaded[i] = document.createElement('img');
                    preloaded[i].setAttribute('src', arguments[i]);
                }
            }
            preload_images(
                    './xmlhttp/css/rime/css-images/arrow-ff.gif',
                    './xmlhttp/css/rime/css-images/arrow-ff-dis.gif',
                    './xmlhttp/css/rime/css-images/arrow-first.gif',
                    './xmlhttp/css/rime/css-images/arrow-first-dis.gif',
                    './xmlhttp/css/rime/css-images/arrow-fr.gif',
                    './xmlhttp/css/rime/css-images/arrow-fr-dis.gif',
                    './xmlhttp/css/rime/css-images/arrow-last.gif',
                    './xmlhttp/css/rime/css-images/arrow-last-dis.gif',
                    './xmlhttp/css/rime/css-images/arrow-next.gif',
                    './xmlhttp/css/rime/css-images/arrow-next-dis.gif',
                    './xmlhttp/css/rime/css-images/arrow-previous.gif',
                    './xmlhttp/css/rime/css-images/arrow-previous-dis.gif',
                    './xmlhttp/css/rime/css-images/bottom_menu_bg.png',
                    './xmlhttp/css/rime/css-images/bottom_menu_btn_bg_on.png',
                    './xmlhttp/css/rime/css-images/bullet.gif',
                    './xmlhttp/css/rime/css-images/cal_arrow_left.gif',
                    './xmlhttp/css/rime/css-images/cal_arrow_left_dis.gif',
                    './xmlhttp/css/rime/css-images/cal_arrow_right.gif',
                    './xmlhttp/css/rime/css-images/cal_arrow_right_dis.gif',
                    './xmlhttp/css/rime/css-images/cal_button.gif',
                    './xmlhttp/css/rime/css-images/cal_off.gif',
                    './xmlhttp/css/rime/css-images/column_sort_asc.gif',
                    './xmlhttp/css/rime/css-images/column_sort_desc.gif',
                    './xmlhttp/css/rime/css-images/connect_active.gif',
                    './xmlhttp/css/rime/css-images/connect_caution.gif',
                    './xmlhttp/css/rime/css-images/connect_disconnected.gif',
                    './xmlhttp/css/rime/css-images/connect_idle.gif',
                    './xmlhttp/css/rime/css-images/contentContainer_bg.gif',
                    './xmlhttp/css/rime/css-images/contentContainer_bg_up.gif',
                    './xmlhttp/css/rime/css-images/off-left-bot.gif',
                    './xmlhttp/css/rime/css-images/off-left-top-dis.gif',
                    './xmlhttp/css/rime/css-images/off-mid-bot.gif',
                    './xmlhttp/css/rime/css-images/off-mid-top-dis.gif',
                    './xmlhttp/css/rime/css-images/off-right-bot.gif',
                    './xmlhttp/css/rime/css-images/off-right-top-dis.gif',
                    './xmlhttp/css/rime/css-images/PnlClpsblCnt_bullet.gif',
                    './xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif',
                    './xmlhttp/css/rime/css-images/PnlHdr_collapsed.gif',
                    './xmlhttp/css/rime/css-images/PnlHdr_down.gif',
                    './xmlhttp/css/rime/css-images/ProgFill_bg.gif',
                    './xmlhttp/css/rime/css-images/ProgFill_Indet_Bg_active.gif',
                    './xmlhttp/css/rime/css-images/ProgFill_Indet_Bg_inactive.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_LftBtm.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_LftBtm_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_LftMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_LftMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_MidBtm.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_MidBtm_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_MidMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_MidMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_RtBtm.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_RtBtm_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_RtMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_RtMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_LftMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_LftMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_LftTop.gif',
                    './xmlhttp/css/rime/css-images/Tab_LftTop_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidMid_bullet.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidMid_bullet_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidMid_bullet_over.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidTop.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidTop_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_RtMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_RtMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_RtTop.gif',
                    './xmlhttp/css/rime/css-images/Tab_RtTop_off.gif',
                    './xmlhttp/css/rime/css-images/table-border.gif',
                    './xmlhttp/css/rime/css-images/table_col_header.gif',
                    './xmlhttp/css/rime/css-images/theme_bg.gif',
                    './xmlhttp/css/rime/css-images/theme_change_bg.gif',
                    './xmlhttp/css/rime/css-images/tree_close.gif',
                    './xmlhttp/css/rime/css-images/tree_document.gif',
                    './xmlhttp/css/rime/css-images/tree_folder_closed.gif',
                    './xmlhttp/css/rime/css-images/tree_folder_doc.gif',
                    './xmlhttp/css/rime/css-images/tree_folder_open.gif',
                    './xmlhttp/css/rime/css-images/tree_line_blank.gif',
                    './xmlhttp/css/rime/css-images/tree_line_last_node.gif',
                    './xmlhttp/css/rime/css-images/tree_line_middle_node.gif',
                    './xmlhttp/css/rime/css-images/tree_line_vertical.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_bottom_close.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_bottom_open.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_middle_close.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_middle_open.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_top_close.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_top_close_no_siblings.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_top_open.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_top_open_no_siblings.gif',
                    './xmlhttp/css/rime/css-images/tree_open.gif',
 
                    './css/images/navigation-tree/tree_folder_closed.gif',
                    './css/images/navigation-tree/tree_folder_open.gif',
                    './css/images/navigation-tree/tree_node.gif',
                    './css/images/navigation-tree/tree_node_rollover.gif',
                    './css/images/navigation-tree/tree_node_selected.gif',
 
                    './images/panelStack/address-thumb.png',
                    './images/panelStack/auction-thumb.png',
                    './images/panelStack/mobility-thumb.png',
                    './images/panelStack/timezone-thumb.png'
 
                    );
                   // ]]>
              </script>
 
 
 
 
 
    </body>
  </html>
</jsp:root>

Mon formulaire sera inserer ici <ui:insert name="page-content" />

Je peux vous mettre le core.css mais c'est assez grand. Ce que je peux dire sur ce template c'est qu'il a comme largeur : 90% de la largeur de l'écran. Donc mon formulaire doit normalement prendre 100% du template cad 100% des 90% de l'écran.

Jusqu'ici on est bon

Voila ma vue

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root jsfc="f:view" xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0" xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core" xmlns:ice="http://www.icesoft.com/icefaces/component">
  <f:view>
    <ice:outputDeclaration doctypeRoot="HTML" doctypePublic="-//W3C//DTD XHTML 1.0 Transitional//EN"
    doctypeSystem="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
 
   <ice:outputHtml id="outputHtml1">
 
      <ice:outputHead>
        <!-- <link href="./xmlhttp/css/xp/xp.css" rel="stylesheet" type="text/css" /> -->
		<ice:outputStyle id="outputStyle2" href="./xmlhttp/css/xp/xp.css"/>
        <link rel='stylesheet' type='text/css' href='../css/style.css' />
 
      </ice:outputHead>
	  <ice:outputBody style="background-color: #A9A9AB; font-size:0.9em; width:100%;" id="mybody">
		<!-- ============================== PANEL Group de la dataTable ========== -->
          <ice:panelGroup style="height : 500px; 
								 overflow: auto;
								 width : 100%;   ">
           <ice:form id="formTopBouton">
            <ice:dataTable  value="#{orderBook.rowDataModel}" var="order" id="table" rows="15" width="width :100%;" 
            		scrollable="false" >
 
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
			  <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                 <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
 
              <ice:column>
				<f:facet name="header">
                 <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
 
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                 <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                 <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
             <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>
              <ice:column>
				<f:facet name="header">
                  <ice:outputText value="Test column" />
                </f:facet>
              </ice:column>              
            </ice:dataTable>
 
        </ice:form>
      </ice:panelGroup>
 
      </ice:outputBody>
    </ice:outputHtml>
  </f:view>
</jsp:root>

et voila la source généré.

Vous allez remarquer que ca contient deux balises <html> et deux <body>. Le premier et celui du template, l'autre est de la vue

**Esil2008** · 13/11/2008, 15h42

Suite

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html id="document:html" lang="en"><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title id="dynamicTitle">UL EXTRANET</title>
<link href="/ExtranetOrderBookMonitoring/xmlhttp/css/rime/rime.css" rel="stylesheet" type="text/css" /><link href="/ExtranetOrderBookMonitoring/css/core.css" rel="stylesheet" type="text/css" /><meta content="Rendered by ICEFaces D2D" name="icefaces" /><script src="/ExtranetOrderBookMonitoring/xmlhttp/1226584890968/icefaces-d2d.js" type="text/javascript"></script>
<script src="/ExtranetOrderBookMonitoring/xmlhttp/1226584890968/ice-extras.js" type="text/javascript"></script>
<script type="text/javascript">try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}</script></head>
<body id="document:body"><iframe frameborder="0" id="history-frame:Mf_8ycEgXW5oPTYsE_XMFg:2" name="history-frame:Mf_8ycEgXW5oPTYsE_XMFg:2" src="/ExtranetOrderBookMonitoring/xmlhttp/blank" style="z-index: 10000; visibility: hidden; width: 0; height: 0; position: absolute; opacity: 0.22; filter: alpha(opacity=22);" title="Icefaces Redirect"></iframe>
<script id="Mf_8ycEgXW5oPTYsE_XMFg:2:configuration-script" type="text/javascript">if (!window.sessions) window.sessions = []; window.sessions.push('Mf_8ycEgXW5oPTYsE_XMFg');
window.disposeViewsURI = '/ExtranetOrderBookMonitoring/block/dispose-views';
var container = 'Mf_8ycEgXW5oPTYsE_XMFg:2:configuration-script'.asElement().parentNode;
container.bridge = new Ice.Community.Application({session: 'Mf_8ycEgXW5oPTYsE_XMFg',view: 2,synchronous: false,connectionLostRedirectURI: null,sessionExpiredRedirectURI: null,connection: {context: {current: '/ExtranetOrderBookMonitoring/',async: '/ExtranetOrderBookMonitoring/'},timeout: 60000,heartbeat: {interval: 50000,timeout: 30000,retries: 3}},messages: {sessionExpired: 'User Session Expired',connectionLost: 'Network Connection Interrupted',serverError: 'Server Internal Error',description: 'To reconnect click the Reload button on the browser or click the button below',buttonText: 'Reload'}}, container);</script>
<center><div id="header"><table cellpadding="0" cellspacing="0" class="icePnlGrd headerGrid" id="j_id10"><tbody><tr class="icePnlGrdRow1 headerGridRow1"><td class="icePnlGrdCol1 headerGridCol1" id="j_id10-0-0"><img alt="" class="iceGphImg" id="j_id11" src="/ExtranetOrderBookMonitoring/images/layout/logo.jpg" /></td></tr></tbody></table></div>
<table cellpadding="5" cellspacing="0" class="icePnlGrd layoutGrig" id="j_id12"><tbody><tr class="icePnlGrdRow1 layoutGrigRow1"><td class="icePnlGrdCol1 layoutGrigCol1" id="j_id12-0-0"><div id="menu"><html><head><script language="javascript" type="text/javascript">
				function fullScreen() {
					/*window.resizeTo('width='+screen.width+',height='+screen.height); */
				    window.open("OrderBook.iface","","height=screen.height,width=screen.width,resizable");
				}</script></head>
<body><form action="javascript:;" class="iceFrm" enctype="application/x-www-form-urlencoded" id="formNaviguation" method="post" onsubmit="return false;"><script type="text/javascript">$element(document.getElementById('formNaviguation')).captureAndRedirectSubmit();</script><input name="formNaviguation" type="hidden" value="formNaviguation" /><input name="icefacesCssUpdates" type="hidden" value="" /><table class="icePnlGrd" id="formNaviguation:j_id18" style="width:150px;"><tbody><tr class="icePnlGrdRow1"><td class="icePnlGrdCol conteneurLeft" id="formNaviguation:j_id18-0-0"><div class="icePnlGrp" id="formNaviguation:j_id19"><table cellpadding="0" cellspacing="0" class="icePnlGrd" id="formNaviguation:j_id20"><tbody><tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id20-0-0"><div class="icePnlGrp" id="formNaviguation:j_id21" style="background-image: url(images/img/images/UL-NET-live-copie_01.png);width:30px; height:42px;"></div></td><td class="icePnlGrdCol2" id="formNaviguation:j_id20-0-1"><div class="icePnlGrp" id="formNaviguation:j_id22" style="background-image: url(images/img/images/UL-NET-live-copie_02.png);width:180px; height:42px;"></div></td><td class="icePnlGrdCol1" id="formNaviguation:j_id20-0-2"><div class="icePnlGrp" id="formNaviguation:j_id23" style="background-image: url(images/img/images/UL-NET-live-copie_03.png);width:30px; height:42px;"></div></td></tr></tbody></table>
 
<table cellpadding="0" cellspacing="0" class="icePnlGrd panelGridMilieu" id="formNaviguation:j_id24"><tbody><tr class="icePnlGrdRow1 panelGridMilieuRow1"><td class="icePnlGrdCol1 panelGridMilieuCol1" id="formNaviguation:j_id24-0-0"><table cellpadding="0" cellspacing="0" class="icePnlGrd" id="formNaviguation:j_id25"><tbody><tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id25-0-0"><div class="icePnlGrp" id="formNaviguation:j_id26" style="background-image: url(images/img/images/UL-NET-live-copie_04.png);width:30px; height:738px;"></div></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id25-1-0"><div class="icePnlGrp" id="formNaviguation:j_id27" style="background-image: url(images/img/images/UL-NET-live-copie_07.png);width:30px; height:28px;"></div></td></tr></tbody></table></td><td class="icePnlGrdCol2 panelGridMilieuCol2" id="formNaviguation:j_id24-0-1"><div class="icePnlGrp" id="formNaviguation:j_id28" style="background-image: url(images/img/images/UL-NET-live-copie_05.png);height:766px;width:180px;"><img alt="" class="iceGphImg" id="formNaviguation:j_id29" src="/ExtranetOrderBookMonitoring/images/img/BhomeOFF.jpg" /><br /><br /><table class="icePnlGrd" id="formNaviguation:j_id32"><tbody><tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-0-0"><img alt="" class="iceGphImg" id="formNaviguation:j_id33" src="/ExtranetOrderBookMonitoring/images/img/BulnetOn.jpg" /></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-1-0"><br /></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-2-0"><br /></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-3-0"><br /></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-4-0"><br /></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-5-0"><br /></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-6-0"><br /></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-7-0"><br /></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-8-0"><br /></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-9-0"><br /></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-10-0"><br /></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-11-0"><br /></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-12-0"><br /></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-13-0"><br /></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-14-0"><br /></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-15-0"><br /></td></tr>
 
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-16-0"><br /></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-17-0"><br /></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id32-18-0"><img alt="" class="iceGphImg" id="formNaviguation:j_id51" src="/ExtranetOrderBookMonitoring/images/img/BaccountOFF.jpg" /></td></tr></tbody></table>
<table class="icePnlGrd" id="formNaviguation:j_id52"><tbody><tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id52-0-0"><div class="icePnlGrp" id="formNaviguation:j_id53" style="background-color:#06335C;"><img alt="" class="iceGphImg" id="formNaviguation:j_id54" src="/ExtranetOrderBookMonitoring/images/img/Bsupport.jpg" /><div class="icePnlGrp" id="formNaviguation:j_id55" style="background-color:#2E5576;"><table class="icePnlGrd" id="formNaviguation:j_id56"><tbody><tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id56-0-0"><span class="iceOutTxt" id="formNaviguation:j_id57" style="font-weight:bold;color:white;">Support Centers</span></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id56-1-0"><span class="iceOutTxt" id="formNaviguation:j_id58" style="color:white;padding-left:10px;">Paris</span></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id56-2-0"><span class="iceOutTxt" id="formNaviguation:j_id59" style="color:white;padding-left:10px;">Tel : +33 1 49 56 87 47</span></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id56-3-0"><span class="iceOutTxt" id="formNaviguation:j_id60" style="color:white;padding-left:10px;">NY</span></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id56-4-0"><span class="iceOutTxt" id="formNaviguation:j_id61" style="color:white;padding-left:10px;">Tel : +33 1 49 56 87 47</span></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id56-5-0"><span class="iceOutTxt" id="formNaviguation:j_id62" style="color:white;padding-left:10px;">HK</span></td></tr>
<tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id56-6-0"><span class="iceOutTxt" id="formNaviguation:j_id63" style="color:white;padding-left:10px;">Tel : +33 1 49 56 87 47</span></td></tr>
 
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id56-7-0"><span class="iceOutTxt" id="formNaviguation:j_id64" style="color:white;padding-left:10px;text-decoration:underline;">@:support@ullink.com</span></td></tr></tbody></table></div></div></td></tr></tbody></table>
<div class="icePnlGrp logoutStyle" id="formNaviguation:j_id65"><input class="iceCmdBtn" id="formNaviguation:btnLogout" name="formNaviguation:btnLogout" onblur="setFocus('');" onclick="iceSubmit(form,this,event);return false;" onfocus="setFocus(this.id);" type="submit" value="Logout" /></div></div></td><td class="icePnlGrdCol1 panelGridMilieuCol1" id="formNaviguation:j_id24-0-2"><table cellpadding="0" cellspacing="0" class="icePnlGrd" id="formNaviguation:j_id66"><tbody><tr class="icePnlGrdRow1"><td class="icePnlGrdCol1" id="formNaviguation:j_id66-0-0"><div class="icePnlGrp" id="formNaviguation:j_id67" style="background-image: url(images/img/images/UL-NET-live-copie_06.png);width:30px; height:738px;"></div></td></tr>
<tr class="icePnlGrdRow2"><td class="icePnlGrdCol1" id="formNaviguation:j_id66-1-0"><div class="icePnlGrp" id="formNaviguation:j_id68" style="background-image: url(images/img/images/UL-NET-live-copie_09.png);width:30px; height:28px;"></div></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table>
<div id="formNaviguationhdnFldsDiv" style="display:none;"></div></form></body></html></div></td><td class="icePnlGrdCol2 layoutGrigCol2" id="j_id12-0-1"><div id="principal"><div class="principal2"><div class="haut"><div class="coingh"><div style="margin:0px 0px 0px 30px;"></div></div>
<div class="coindh"></div></div>
<div class="contenu"><html id="outputHtml1"><head><link href="/ExtranetOrderBookMonitoring/Pages/xmlhttp/css/xp/xp.css" rel="stylesheet" type="text/css" /><link href="../css/style.css" rel="stylesheet" type="text/css" /></head>
<body id="mybody" style="background-color: #A9A9AB; font-size:0.9em; width:100%;"><div class="icePnlGrp" id="j_id78" style="height : 500px;           overflow: auto;          width : 100%;   "><form action="javascript:;" class="iceFrm" enctype="application/x-www-form-urlencoded" id="formTopBouton" method="post" onsubmit="return false;"><script type="text/javascript">$element(document.getElementById('formTopBouton')).captureAndRedirectSubmit();</script><input name="formTopBouton" type="hidden" value="formTopBouton" /><input name="icefacesCssUpdates" type="hidden" value="" /><table cellspacing="0" class="iceDatTbl" id="formTopBouton:table" width="width :100%;"><thead><tr><th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id80">Test column</span></th>
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id82">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id84">Test column</span></th>
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id86">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id88">Test column</span></th>
 
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id90">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id92">Test column</span></th>
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id94">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id96">Test column</span></th>
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id98">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id100">Test column</span></th>
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id102">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id104">Test column</span></th>
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id106">Test column</span></th>
 
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id108">Test column</span></th>
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id110">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id112">Test column</span></th>
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id114">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id116">Test column</span></th>
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id118">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id120">Test column</span></th>
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id122">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id124">Test column</span></th>
 
<th class="iceDatTblColHdr2"><span class="iceOutTxt" id="formTopBouton:table:j_id126">Test column</span></th>
<th class="iceDatTblColHdr1"><span class="iceOutTxt" id="formTopBouton:table:j_id128">Test column</span></th></tr></thead>
<tbody><tr><td></td></tr></tbody></table>
<div id="formTopBoutonhdnFldsDiv" style="display:none;"></div></form></div></body></html></div>
<div class="bas"><div class="coingb"></div>
<div class="coindb"></div></div></div></div></td></tr></tbody></table></center>
<script language="JavaScript" type="text/javascript">
            // <![CDATA[ 
            var preloaded = new Array();
            function preload_images() {
                for (var i = 0; i < arguments.length; i++) {
                    preloaded[i] = document.createElement('img');
                    preloaded[i].setAttribute('src', arguments[i]);
                }
            }
            preload_images(
                    './xmlhttp/css/rime/css-images/arrow-ff.gif',
                    './xmlhttp/css/rime/css-images/arrow-ff-dis.gif',
                    './xmlhttp/css/rime/css-images/arrow-first.gif',
                    './xmlhttp/css/rime/css-images/arrow-first-dis.gif',
                    './xmlhttp/css/rime/css-images/arrow-fr.gif',
                    './xmlhttp/css/rime/css-images/arrow-fr-dis.gif',
                    './xmlhttp/css/rime/css-images/arrow-last.gif',
                    './xmlhttp/css/rime/css-images/arrow-last-dis.gif',
                    './xmlhttp/css/rime/css-images/arrow-next.gif',
                    './xmlhttp/css/rime/css-images/arrow-next-dis.gif',
                    './xmlhttp/css/rime/css-images/arrow-previous.gif',
                    './xmlhttp/css/rime/css-images/arrow-previous-dis.gif',
                    './xmlhttp/css/rime/css-images/bottom_menu_bg.png',
                    './xmlhttp/css/rime/css-images/bottom_menu_btn_bg_on.png',
                    './xmlhttp/css/rime/css-images/bullet.gif',
                    './xmlhttp/css/rime/css-images/cal_arrow_left.gif',
                    './xmlhttp/css/rime/css-images/cal_arrow_left_dis.gif',
                    './xmlhttp/css/rime/css-images/cal_arrow_right.gif',
                    './xmlhttp/css/rime/css-images/cal_arrow_right_dis.gif',
                    './xmlhttp/css/rime/css-images/cal_button.gif',
                    './xmlhttp/css/rime/css-images/cal_off.gif',
                    './xmlhttp/css/rime/css-images/column_sort_asc.gif',
                    './xmlhttp/css/rime/css-images/column_sort_desc.gif',
                    './xmlhttp/css/rime/css-images/connect_active.gif',
                    './xmlhttp/css/rime/css-images/connect_caution.gif',
                    './xmlhttp/css/rime/css-images/connect_disconnected.gif',
                    './xmlhttp/css/rime/css-images/connect_idle.gif',
                    './xmlhttp/css/rime/css-images/contentContainer_bg.gif',
                    './xmlhttp/css/rime/css-images/contentContainer_bg_up.gif',
                    './xmlhttp/css/rime/css-images/off-left-bot.gif',
                    './xmlhttp/css/rime/css-images/off-left-top-dis.gif',
                    './xmlhttp/css/rime/css-images/off-mid-bot.gif',
                    './xmlhttp/css/rime/css-images/off-mid-top-dis.gif',
                    './xmlhttp/css/rime/css-images/off-right-bot.gif',
                    './xmlhttp/css/rime/css-images/off-right-top-dis.gif',
                    './xmlhttp/css/rime/css-images/PnlClpsblCnt_bullet.gif',
                    './xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif',
                    './xmlhttp/css/rime/css-images/PnlHdr_collapsed.gif',
                    './xmlhttp/css/rime/css-images/PnlHdr_down.gif',
                    './xmlhttp/css/rime/css-images/ProgFill_bg.gif',
                    './xmlhttp/css/rime/css-images/ProgFill_Indet_Bg_active.gif',
                    './xmlhttp/css/rime/css-images/ProgFill_Indet_Bg_inactive.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_LftBtm.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_LftBtm_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_LftMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_LftMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_MidBtm.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_MidBtm_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_MidMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_MidMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_RtBtm.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_RtBtm_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_RtMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_Btm_RtMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_LftMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_LftMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_LftTop.gif',
                    './xmlhttp/css/rime/css-images/Tab_LftTop_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidMid_bullet.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidMid_bullet_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidMid_bullet_over.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidTop.gif',
                    './xmlhttp/css/rime/css-images/Tab_MidTop_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_RtMid.gif',
                    './xmlhttp/css/rime/css-images/Tab_RtMid_off.gif',
                    './xmlhttp/css/rime/css-images/Tab_RtTop.gif',
                    './xmlhttp/css/rime/css-images/Tab_RtTop_off.gif',
                    './xmlhttp/css/rime/css-images/table-border.gif',
                    './xmlhttp/css/rime/css-images/table_col_header.gif',
                    './xmlhttp/css/rime/css-images/theme_bg.gif',
                    './xmlhttp/css/rime/css-images/theme_change_bg.gif',
                    './xmlhttp/css/rime/css-images/tree_close.gif',
                    './xmlhttp/css/rime/css-images/tree_document.gif',
                    './xmlhttp/css/rime/css-images/tree_folder_closed.gif',
                    './xmlhttp/css/rime/css-images/tree_folder_doc.gif',
                    './xmlhttp/css/rime/css-images/tree_folder_open.gif',
                    './xmlhttp/css/rime/css-images/tree_line_blank.gif',
                    './xmlhttp/css/rime/css-images/tree_line_last_node.gif',
                    './xmlhttp/css/rime/css-images/tree_line_middle_node.gif',
                    './xmlhttp/css/rime/css-images/tree_line_vertical.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_bottom_close.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_bottom_open.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_middle_close.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_middle_open.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_top_close.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_top_close_no_siblings.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_top_open.gif',
                    './xmlhttp/css/rime/css-images/tree_nav_top_open_no_siblings.gif',
                    './xmlhttp/css/rime/css-images/tree_open.gif',
 
                    './css/images/navigation-tree/tree_folder_closed.gif',
                    './css/images/navigation-tree/tree_folder_open.gif',
                    './css/images/navigation-tree/tree_node.gif',
                    './css/images/navigation-tree/tree_node_rollover.gif',
                    './css/images/navigation-tree/tree_node_selected.gif',
 
                    './images/panelStack/address-thumb.png',
                    './images/panelStack/auction-thumb.png',
                    './images/panelStack/mobility-thumb.png',
                    './images/panelStack/timezone-thumb.png'
 
                    );
                   // ]]></script>
<script id="Mf_8ycEgXW5oPTYsE_XMFg:2:dynamic-code" type="text/javascript"></script>
<noscript><meta content="0;url=/ExtranetOrderBookMonitoring/xmlhttp/javascript-blocked" http-equiv="refresh" /></noscript></body></html>

Ce probléme apparait sur FF3, IE7 et Chrome, Opera aussi

J'ai fait un workarround pour contourner cela mais malheuresement ca marche que sur IE7 et Opera.
Au fait, je donne une largeur fixe au panelgroup qui entoure la dataTable. Cette largeur est calulé en fonction de la largeur du screen

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

width : expression(document.body.clientWidth > 950  ? document.body.clientWidth-160+'px' : '950px' );

Je vous accorde que c'est pas du tout beau, mais ca marche sur IE et Opera et surtout sur des reslutions d'ecran 15p et 20p mais bizarrement ca ne marche pas si FF3 !!!

S'il vous plait est ce que quelqu'un aurez la gentillesse d'essayé juste la vue que je viens de passer sur son navigateur pour voir si vous avez le même problème que moi ?
Car la je suis plut sur de rien, surtout que j'ai fait énormement de test avec différents cas de figure.

Merci beaucoup

[BUG d'affichage] ice:dataTable depassement de la largeur de l'ecran

JSF Java

Vue hybride

Discussions similaires

Partager

Partager