aplicar estilo a boton

Hola quiero modificar el alto y ancho de un boton pero no se me muestra en el navegador. El codigo es:

Código :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
   .normal {
      height: 200;
      width: 200;
           }
   
</mx:Style>
<mx:Button label="ok" styleName="normal" id="boton" />
</mx:Application>

tambien me gustaría saber si teniendo por ejemplo:

<mx:Button label="ok" height="200px" id="boton" />

Mediante codigo puedo canviar el tamaño del boton, el problema que tengo es que no se como se accede a la propiedad del boton, porque hago boton.height="200px" en el <mx:Script> pero me dice que height es una propiedad que no está definida. Gracias por leerme

Usa el Flex Style Explorer para cambiar las propiedades de tus elementos y generar el CSS: http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html

Jorge

hola ahi no pone nada de imagenes yo lo mque quiero es ampliar una imagen cuando se pase por encima y ahi no dice nada

Vaya, será porque solo se refiere a estilos. Lo que tienes que buscar es si puedes encontrar el estilo que quieres ponerle, luego se lo aplicas al rollOver, algo así:

Código ActionScript :

boton.addEventListener(MouseEvent.ROLL_OVER, cambiaEstilo)
function cambiaEstilo(evt:MouseEvent):void{
   evt.target.styleName = "estiloOver"
}

Jorge

ok! gracias eso no lo habia considerado, pero mi problema base es que cuando defino el estilo ( de por ejemplo) de un boton, cuando le pongo la propiedad height no me la coge el boton: es decir:

En mi estilo tengo:

Código :

<mx:Style>
   .myClass { color: Red; 
            font-size: 40pt;
            borderColor: yellow;
            height: 500; 
            }
</mx:Style>

Pero cuando llamo al boton y le aplico el estilo:

Código :

<mx:Button x="222" y="252" label="Button" styleName="myClass"/>

Se aplica todo el estilo pero el tamaño del boton no varia se queda igual. Te he dicho un boton pero puede ser tambien una imagen

Hasta donde se, las propiedades height y width no aplican al estilo CSS, sino a una propiedad de la clase, es decir son cosas distintas

Jorge

Si tu boton tiene un id="boton", entonces prueba

boton.height = 300;

Consulta siempre la ayuda para el componente con el que estés trabajando

Jorge

Ok tenias razón, ahora he intentado mediante código ampliar una imagen , pero no la amplia, si la reduzco si, pero si la amplio, en el navegador si que parece que coge el tamaño que le pongo , pero la imagen se queda igual:

Código :

<mx:Script>
   <![CDATA[
   function cambiaTam() {
      imagen.height=500;
      imagen.height=500;
   }
   ]]>
</mx:Script>
   
<mx:Image x="178" y="355" source="c:/mundo.jpg" click="cambiaTam()" id="imagen"/>

Estas cambiando dos veces el height, luego no entiendo lo que dices

Jorge

Perdon me havia equivocado. Bueno pues muchas gracias por todo, me estas ayudando mucho, muchas gracias de nuevo. Voy a poner otra duda a ver si la puedo solucionar. Un saludo!

Hola

Setea la propiedad "maintainAspectRatio" en true

Código ActionScript :

<mx:Image x="178" y="355" source="c:/mundo.jpg" click="cambiaTam()" maintainAspectRatio="true" id="imagen"/>

Saludos!