Adobe Flex

Configurar o layout com CSS das aplicações Adobe Flex

26/06/08

Se você deseja fazer experimentos no layout das aplicações Flex sem precisar ficar rodando a aplicação a cada alteração no CSS, acesse o link abaixo e faça os testes que desejar e de lambuja baixe o código CSS customizado prontinho para utilizar.

http://www.flexonrails.net/stylescreator/public/

Divirta-se.

Rating: 0.0/10 (0 votes cast)

Rating: -1 (from 1 vote)

Adobe Flex, CSS, Layout

Travar a seleção de datas anteriores a hoje no Flex

20/06/08

Escrito por Igor Musardo em Adobe Flex

7 comentários

Em um projeto Flex + Asp.NET (WebOrb) que estou desenvolvendo aqui na empresa, precisei travar a seleção de datas retroativas, após procurar um pouco encontrei a solução através do blog FlexDev, mantido pelo Eberton Consolim, neste post.

Basta incluir a propriedade abaixo na declaração do DateChooser ou DateField.

disabledRanges =”{[ {rangeEnd: new Date()} ]}”

Caso deseje travar D-1 ou D+1 basta complementar o código.

D-1 -> disabledRanges =”{[ {rangeEnd: new Date(new Date().getTime() - 86400000)} ]}”
ou
D+1 -> disabledRanges =”{[ {rangeEnd: new Date(new Date().getTime() + 86400000)} ]}”

Ao final o seu código deve ficar assim:

<mx:DateField id=”txData” disabledRanges=”{[ {rangeEnd: new Date(new Date().getTime() + 86400000)} ]}”/>

Rating: 0.0/10 (0 votes cast)

Rating: 0 (from 0 votes)

Adobe Flex

Mudar ícone do botão no Flex em tempo de execução

12/06/08

Escrito por Igor Musardo em Adobe Flex

1 comentário

Se você já tentou mudar o ícone de um botão no Adobe Flex em tempo de execução e sentiu falta da propriedade icon. Encontrei uma dica muito simples de como resolver o problema.

Veja abaixo.

<mx:Script>
<![CDATA[
 
[Embed(source="../assets/icons/funnel_add.png")]
[Bindable] private var imgFunnelAddClass:Class;
[Embed(source="../assets/icons/funnel_delete.png")]
[Bindable] private var imgFunnelDeleteClass:Class;
 
private function toggleFilter():void{
 
if (fltr.visible == false) {
// it was hidden, we show it.
btnToggleFilter.styleDeclaration.setStyle("icon",imgFunnelDeleteClass);
} else {
// it was shown we hide it.
btnToggleFilter.styleDeclaration.setStyle("icon",imgFunnelAddClass);
}
fltr.visible=!fltr.visible;
}
 
]]>
</mx:Script>