User Interface Explorer

Páginas filhas
  • Mensagem de Confirmação - Modal

Versões comparadas

Versão antiga 5

changes.mady.by.user Rafael Rese

Gravado em

comparado com

Nova versão 193

changes.mady.by.user Usuário desconhecido (cleiton.coradelli)

Gravado em

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: Migration of unmigrated content due to installation of a new plugin

...

Quando

...

usar

  • Deve ser utilizado para solicitar ao usuário informações;
  • Para solicitar confirmações sobre ações críticas ou que podem ser destrutívas.

Estrutura

  • Barra de título;
  • Ícone fechar;
  • Cor variável (azul, amarelo, vermelho);
  • Ícone representado o tipo de toaster;
  • Área de texto para mensagens breves.

Comportamentos

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

Boas Práticas

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

Exemplo

Marcação Wiki
{flash:file=^confirm_messages_meiu.swf|width=640|height=480

...

}

Código fonte

Bloco de código

< em desenvolvimento >

Referências

...

Veja Também

dts_pagetree
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="Confirm" id="btnConfirm" click="_controller.onMessage(UIMessage.CONFIRM, String(cbTypeMessage.selectedItem.data))"/>
		</mx:HBox>
	</mx:VBox>
</mx:Canvas>
{code}

h1. Referências


h1. Ver Também

{: }
sdk_doc_footer