6 Replies Latest reply on Apr 23, 2009 2:44 PM by Michael Borbor

    Full Screen Issue

    aboquin Level 1

      Full Screen Issue,

      Hi there, I'm making Flex App, I compile it, open with Flash Player directly to make a Flash Projector. I give specific size, height="775" width="925" layout="absolute".  But my boss want to run in full screen but when I do this with the projector the content don't resizing.

       

      I made this change, I delete the height and width and then I made the projector again, but when I run the projector the app locks so small. Please someone can help me.

       

      Thanks.

        • 1. Re: Full Screen Issue
          aboquin Level 1

          Can some help please, my app looks so small. I need to fix this.

          Thanks

          • 2. Re: Full Screen Issue
            Michael Borbor Level 4

            Post a simple version of the code that you use to layout your main container

            • 3. Re: Full Screen Issue
              aboquin Level 1

              Hi Michael, Thank you !!!

              <?xml version="1.0" encoding="utf-8"?>

              <mx:Application

               

               

               

              xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"

              xmlns:view="

              view.*" applicationComplete="init();"

              backgroundGradientAlphas="[1.0, 1.0]"

              backgroundGradientColors="

              [#030303, #FFFFFF]"

              horizontalScrollPolicy="

              off" verticalScrollPolicy="off">

               

               

               

               

              <!--

              Original Values at Abril 3, 2009

              height="775" width="925"

              height="775" width="925"

              -->

               

               

               

               

               

               

              <mx:Style source="../css/ampmd.css" />

               

               

               

              <!-- * * * * * * * * * * * * * * * * * * * * * * * * -->

               

               

               

              <!-- Upper imagen * -->

               

               

               

              <!-- * * * * * * * * * * * * * * * * * * * * * * * * -->

               

               

              <mx:VBox id="BoxBannersArribaAMPD" horizontalAlign="center" horizontalCenter="0" width="100%" height="100"

              borderColor="black" borderStyle="none" x="0" y="0"  showEffect = "Fade" hideEffect="Fade" >

               

               

                   <mx:Image horizontalAlign="center" source="@Embed('assets/AMPMD_Banner.png')" width="100%" height="100" />

               

               

              </mx:VBox>

               

               

               

               

               

              <!-- * * * * * * * * * * * * * * * * * * * * * * * -->

               

               

               

              <!-- The Flash Banner -->

               

               

               

              <!-- * * * * * * * * * * * * * * * * * * * * * * * -->

               

               

              <mx:VBox id="BoxBannersRoche" horizontalAlign="center" horizontalCenter="0" width="100%" height="110" x="5" y="115" >

               

               

                   <mx:SWFLoader id="flashMovieRoche" source="@Embed('assets/MovieBanner.swf')" width="900" height="110"

                        maintainAspectRatio="true" scaleContent="false" />

               

               

               

              </mx:VBox>

               

               

               

               

               

              <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->

               

               

               

              <!-- Main Application -->

               

               

               

              <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->

               

               

               

              <mx:VBox width="100%" id="VBoxNavegador" borderColor="#CCCCCC" x="0" y="210" height="560"

                   horizontalAlign="

              left" horizontalCenter="0" horizontalScrollPolicy="off" verticalScrollPolicy="off">

               

               

               

               

                   <mx:TabNavigator width="100%" height="100%" resizeToContent="true" id="elTabDeNavegacion"

                        paddingBottom="

              1" paddingLeft="1" paddingRight="1" paddingTop="1" borderStyle="inset">

               

               

                   <!-- This Component is a Canvas -->

               

               

               

                   <view:BuscadorPorPalabras id="pnlBuscadorPorPalabras" label="BUSCADOR"

                        listaDeDocumentos="

              {xmlDocsData}" listaDeSecciones="{xmlSeccData}" width="100%" height="100%"

                        showEffect = "

              {myWipeLeftEffect}" horizontalScrollPolicy="off" verticalScrollPolicy="off" />

               

               

               

               

               

                   <!-- This Component is a Canvas -->

               

               

               

                   <view:BuscadorPorEdiciones id="pnlDesplieguesEdiciones" label="EDICIONES"

                   listaDeDocumentos="

              {xmlDocsData}" listaDeEdiciones="{xmlEdicionesData}"

                   width="100%" height="100%" showEffect = "{myWipeLeftEffect}"

                   horizontalScrollPolicy="off" verticalScrollPolicy="off" />

               

               

               

               

               

                   <!-- This Component is a Panel -->

               

               

                   <view:PerfilEmpresarial id="pnlPerfil" label="Perfil" title="Perfil Empresarial" width="100%" height="100%"

                   layout="

              absolute" horizontalScrollPolicy="off" verticalScrollPolicy="off" />

               

               

               

               

               

                   <!-- This Component is a Panel -->

               

               

               

                   <view:Condiciones id="pnlCondiciones" label="Condiciones" title="Terminos y Condiciones de uso de AMPMD" width="100%"

                   height="100%" layout="absolute" horizontalScrollPolicy="off" verticalScrollPolicy="off" />

               

               

               

               

               

                   <!-- This Component is a Panel -->

               

               

               

                   <view:Ayuda id="pnlAyuda" label="Ayuda" title="Ayuda y Soporte (Instruciones)" width="100%" height="100%"

                   layout="

              absolute" horizontalScrollPolicy="off" verticalScrollPolicy="off" />

               

               

               

               

               

                   </mx:TabNavigator>

               

               

               

              </mx:VBox>

               

               

               

              </mx:Application>

              • 4. Re: Full Screen Issue
                Michael Borbor Level 4

                Hola creo que este contenedor es la parte principal de tu aplicacion

                 

                <mx:VBox width="100%" id="VBoxNavegador" borderColor="#CCCCCC" x="0" y="210" height="560"

                     horizontalAlign="

                left" horizontalCenter="0" horizontalScrollPolicy="off" verticalScrollPolicy="off">

                 

                Aqui deberias cambiar el height="560" y ajustarlo a un porcentaje por ejemplo heigh="90%". el resto parece estar bien, habria que ver si tus componentes personalizados tienen tamaños fijos si es asi tendrias que cambiar tambien esos ajustes, y quizas para evitar que si alguien reduce demasiado el tamaño del navegador deberias agregar tambien las propiedades de minHeigh y minWeight para evitar inconvenientes donde tu aplicacion pierde totalmente la estructura visual.

                1 person found this helpful
                • 5. Re: Full Screen Issue
                  aboquin Level 1

                  Wow, gracias por esa ayuda, con eso ajuste los tamaños del TabNavigator.

                   

                  Te cuento un poco lo que estoy haciendo es que genero el swf, Lo abro directamente en el FlashPlayer para

                  generar un proyector. Hago esto porque la aplicación se ejecuta desde un CD, es una aplicación que muestra

                  una coleccion de documentos de FlashPaper.

                   

                  Pero cuando no defino la altura y ancho el proyector generado aparece en un tamaño muy pequeño, tengo que

                  ajustarlo manualmente hasta lograr la altura y ancho deseados.

                   

                  Este problema llevo una semana tratando de hacer que se vea bien.

                   

                  Gracias de nuevo

                   

                   

                  • 6. Re: Full Screen Issue
                    Michael Borbor Level 4

                    De nada me alegro que te haya servido, lo que pasa es que en Flex si no defines un tamaño en pixeles o relativo en porcentajes entonces cada control o contenedor usara su tamaño predeterminado por eso si quieres que tu aplicacion se cambie sus dimensiones de acuerdo al tamaño te tocara agregar dimensiones en porcentajes a todos los contenedores donde quieras que haya una redimension.

                     

                    Que tengas un buen dia, por favor cierra esta pregunta.

                    1 person found this helpful