Histórico da Página

h1. Visão Geral

A Janela Modal tem como objetivo capturar ações e tomadas de decisões que precisam ser realizada antes de continuar o processo corrente que está em forma de background.

h1. Quando usar

* Quando existem ações que necessitam bloquear a atividade do usuário.

h1. Estrutura

A janela é composta por um ícone, informações e botões de ação.

Este tipo de mensagem pode ter quatro tipos de conteúdo:
* Informação
* Advertência/Alerta
* Erro
* Confirmação

h1. Comportamentos

A Janela Modal é carregada na interface com o efeito de Zoom-in quando é carregada.
Para ação de fechar a Janela Modal é utilizado o efeito de Zoom-out.

h1. Boas Práticas

Sugerir sempre uma ação focal no rodapé e que irá receber o tecla de ação Enter pelo teclado.

h1. Exemplo

\\

{flash:file=^Messages_Meiu.swf|width=640|height=480|align=middle}
\\

h1. Código fonte

{code}
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
	creationComplete="startUp()">
	<mx:Script>
		<![CDATA[
			import com.datasul.framework.ui.msg.model.UIMessage;
			[Bindable]
			public var _model:SampleMessagesModel = new SampleMessagesModel();

			[Bindable]
			public var _controller:SampleMesssagesController;

			private function startUp():void {
				_controller = new SampleMesssagesController(this);
			}

		]]>
	</mx:Script>
	<mx:VBox horizontalAlign="center" horizontalCenter="0" verticalCenter="0">
		<mx:ComboBox id="cbTypeMessage" dataProvider="{_model.collection}"/>
		<mx:HBox>
			<mx:Button label="Info" id="btnInfo" click="_controller.onMessage(UIMessage.INFO, String(cbTypeMessage.selectedItem.data) )"/>
			<mx:Button label="Confirm" id="btnConfirm" click="_controller.onMessage(UIMessage.CONFIRM, String(cbTypeMessage.selectedItem.data))"/>
			<mx:Button label="Warning" id="btnWarning" styleName="WarningMessageButton" click="_controller.onMessage(UIMessage.WARNING, String(cbTypeMessage.selectedItem.data))"/>
			<mx:Button label="Error" id="btnError" styleName="ErrorMessageButton" click="_controller.onMessage(UIMessage.ERROR, String(cbTypeMessage.selectedItem.data))"/>
		</mx:HBox>
	</mx:VBox>
</mx:Canvas>
{code}

h1. Referências


h1. Ver Também

\\
* [Janela Modal - Informação|UIE:Janela Modal - Informação]
* [Janela Modal - Advertência e Alerta|UIE:Janela Modal - Advertência e Alerta]
* [Janela Modal - Erro|UIE:Janela Modal - Erro]
* [Janela Modal - Confirmação|UIE:Janela Modal - Confirmação]

{sdk_doc_footer: }