[Flex4] Aucune barre de défilement qui apparait avec les petits écrans !

[DBA_OCP]

Bonjour,

J'ai fait migré mon site web de flex 3 vers fles 4 avec la nouvelle SDK de ce dernier sans beaucoup de problèmes et tout fonctionne bien.

Mon site je le développe sur mon pc perso de 17" donc je ne vois aucun bug alors que quand je le fais déployer, les écrans plus petit ne peuvent pas afficher tout le contenu de ma page et ceci sans avoir même la barre de défilement de droite normalement qui était là avec l'ancienne version.

Les éléments de page sont contenu dans un panel exactement comme dans l'ancienne version sauf que j'ai pas de barre de défilement du navigateur. J'ai pourtant mis ma page en pourcentage ainsi que mon panel...

Est ce que quelqu'un a une idée ?

Je poste une partie de mon code pour vous faire voir.

Merci.

Code :

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
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" 
			   backgroundColor="#FFFFFF" preloaderChromeColor="#213FDB" xmlns:maps="com.google.maps.*" 
			   backgroundAlpha.State1="1.0" backgroundColor.State1="#D1E0FF" xmlns:reservationservice="services.reservationservice.*" 
			   backgroundColor.Resa="#D1E0FF" backgroundColor.ExempleTarifs="#D1E0FF" preloaderChromeColor.State1="#BAC0C6" 
			   backgroundAlpha.English="1.0" backgroundColor.English="#D1E0FF" preloaderChromeColor.English="#BAC0C6"  
			   width="100%" height="100%" backgroundColor.ResaEnglish="#D1E0FF" backgroundColor.legales="#D1E0FF">
 
 
<s:Panel width="65%" height="615" textAlign="center" fontFamily.State1="Arial" backgroundColor.State1="#FFFFFF" chromeColor.State1="#1F47DC" enabled.State1="true" dropShadowVisible.State1="true" borderAlpha.State1="0.0" borderColor.State1="#425FF6" cornerRadius.State1="10" chromeColor.Resa="#1F47DC" chromeColor.ExempleTarifs="#1F47DC" chromeColor.legales="#1F47DC" chromeColor.ResaEnglish="#1F47DC" title.State1="www.ouvatu.fr Transport de personnes" textAlign.State1="right" color.State1="#FFFFFF" fontWeight.State1="normal" textDecoration.State1="none" backgroundColor.English="#FFFFFF" borderAlpha.English="0.0" borderColor.English="#425FF6" chromeColor.English="#1F47DC" color.English="#FFFFFF" cornerRadius.English="10" dropShadowVisible.English="true" enabled.English="true" fontFamily.English="Arial" fontWeight.English="normal" textAlign.English="right" textDecoration.English="none" title.English="www.ouvatu.fr Transport de personnes" height.State1="615" horizontalCenter.ResaEnglish="0" horizontalCenter.ExempleTarifs="0" horizontalCenter.legales="1" horizontalCenter.Resa="1" horizontalCenter.English="0" verticalCenter.ResaEnglish="2" verticalCenter.ExempleTarifs="2" verticalCenter.legales="-17" verticalCenter.Resa="-17" verticalCenter.English="2" x.ResaEnglish="-44.4" x.ExempleTarifs="-44.4" x.English="-44.4" horizontalCenter.State1="5" y.ResaEnglish="66.45" y.ExempleTarifs="66.45" y.English="66.45" height.Resa="615" textAlign.Resa="left" borderAlpha.Resa="0.0" cornerRadius.Resa="10" cornerRadius.legales="10" borderAlpha.legales="0.0" width.State1="65%" verticalCenter.State1="-17">
 
			<s:controlBarContent.ExempleTarifs >
				<fx:Array>
					<mx:LinkButton label="Aéroports" color="#FFFFFF" textDecoration="underline" click="navigateToURL(new URLRequest('http://www.adp.fr/'), 'quote')" id="linkbutton0" fontWeight="bold" includeIn="ExempleTarifs"/>
					<mx:LinkButton label="Météo" color="#FFFFFF" textDecoration="underline" click="navigateToURL(new URLRequest('http://france.meteofrance.com/'), 'quote')" id="linkbutton9" fontWeight="bold" includeIn="ExempleTarifs"/>
					<mx:LinkButton label="Trafic" textDecoration="underline" color="#FFFFFF" click="navigateToURL(new URLRequest('http://www.bison-fute.equipement.gouv.fr/diri/Accueil.do'), 'quote')" id="linkbutton10" fontWeight="bold" includeIn="ExempleTarifs"/>
					<mx:LinkButton label="Nous contacter" textDecoration="underline" color="#FFFFFF" click="nousContacter(event);" id="linkbutton11" fontWeight="bold" includeIn="ExempleTarifs"/>
					<mx:LinkButton label="Mentions légales" textDecoration="underline" color="#FFFFFF" click="currentState="legales"" id="linkbutton18" fontWeight="bold" includeIn="ExempleTarifs"/>
				</fx:Array>
			</s:controlBarContent.ExempleTarifs>
			<s:controlBarContent.legales>
				<fx:Array>
					<mx:LinkButton label="Aéroports" color="#FFFFFF" textDecoration="underline" click="navigateToURL(new URLRequest('http://www.adp.fr/'), 'quote')" id="linkbutton12" fontWeight="bold" includeIn="legales"/>
					<mx:LinkButton label="Météo" color="#FFFFFF" textDecoration="underline" click="navigateToURL(new URLRequest('http://france.meteofrance.com/'), 'quote')" id="linkbutton13" fontWeight="bold" includeIn="legales"/>
					<mx:LinkButton label="Trafic" textDecoration="underline" color="#FFFFFF" click="navigateToURL(new URLRequest('http://www.bison-fute.equipement.gouv.fr/diri/Accueil.do'), 'quote')" id="linkbutton14" fontWeight="bold" includeIn="legales"/>
					<mx:LinkButton label="Nous contacter" textDecoration="underline" color="#FFFFFF" click="nousContacter(event);" id="linkbutton15" fontWeight="bold" includeIn="legales"/>
					<mx:LinkButton includeIn="legales" label="&lt;&lt; Retour" textDecoration="underline" color="#FFFFFF" fontWeight="bold" click="currentState="""/>
				</fx:Array>
			</s:controlBarContent.legales>
			<s:controlBarContent.Resa>
				<fx:Array>
					<mx:LinkButton label="Aéroports" color="#FFFFFF" textDecoration="underline" click="navigateToURL(new URLRequest('http://www.adp.fr/'), 'quote')" id="linkbutton1" fontWeight="bold"/>
					<mx:LinkButton x="14" y="595" label="Météo" color="#FFFFFF" textDecoration="underline" click="navigateToURL(new URLRequest('http://france.meteofrance.com/'), 'quote')" id="linkbutton2" fontWeight="bold"/>
					<mx:LinkButton x="68.05" y="595" label="Trafic" textDecoration="underline" color="#FFFFFF" click="navigateToURL(new URLRequest('http://www.bison-fute.equipement.gouv.fr/diri/Accueil.do'), 'quote')" id="linkbutton7" fontWeight="bold"/>
					<mx:LinkButton label="Nous contacter" textDecoration="underline" color="#FFFFFF" click="nousContacter(event);" id="linkbutton8" fontWeight="bold"/>
					<mx:LinkButton label="Mentions légales" textDecoration="underline" color="#FFFFFF" click="currentState="legales"" id="linkbutton17" fontWeight="bold" includeIn="Resa"/>
				</fx:Array>
			</s:controlBarContent.Resa>
			<s:controlBarContent>
				<mx:LinkButton label="Aéroports" color="#FFFFFF" textDecoration="underline" click="navigateToURL(new URLRequest('http://www.adp.fr/'), 'quote')" id="linkbutton6" fontWeight="bold"/>
				<mx:LinkButton x="14" y="595" label="Météo" color="#FFFFFF" textDecoration="underline" click="navigateToURL(new URLRequest('http://france.meteofrance.com/'), 'quote')" id="linkbutton4" fontWeight="bold"/>
				<mx:LinkButton x="68.05" y="595" label="Trafic" textDecoration="underline" color="#FFFFFF" click="navigateToURL(new URLRequest('http://www.bison-fute.equipement.gouv.fr/diri/Accueil.do'), 'quote')" id="linkbutton5" fontWeight="bold"/>
				<mx:LinkButton label="Nous contacter" textDecoration="underline" color="#FFFFFF" click="nousContacter(event);" id="linkbutton3" fontWeight="bold" x.ExempleTarifs="26" x.Resa="26" y.ExempleTarifs="568" y.Resa="568"/>
				<mx:LinkButton label="Mentions légales" textDecoration="underline" color="#FFFFFF" click="currentState="legales"" id="linkbutton16" fontWeight="bold"/>
			</s:controlBarContent>
			<s:layout.State1>
				<s:BasicLayout/>
			</s:layout.State1>
 
//Suite du code.......

[Madfrix]

Bonjour,

tu peux faire un skin de ton composant Application et entourer la partie contentGroup par un scroller en y ajoutant les propriétés width=100% et heigth=100% (supprime les des propriétés de Application en laissant les minHeight et minWidth)

[binoglobule]

Effectivement... en flex 4, les scrolls n'apparaissent plus lorsque le conteneur sort de son contenu. Tu peux donc utiliser le scroller (quand son contenu sort de lui, des scrolls apparaissent) ou utiliser la propriété clipAndEnableScrolling