Páginas filhas
  • Mensagem de Erro - Modal

Versões comparadas

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

...

  • Para notificar falhas críticas que impedem a continuação do uso do sistema ou da tarefa em questão.

Estrutura

  • A caixa de mensagem é composta de um símbolo, mensagem, e botões Repetir/Cancelar ou OK (Ajuda é recomendável).
  • Mensagens de erro concentram-se no procedimento para correção do erro, não na causa do erro. Pode ser disponibilzado um botão que leva à funcionalidade necessária para a correção do erro. Para um erro repetido, a mensagem inclui recomendações para ações preventivas.

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

  • Sugere-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=^erro_messages_meiu.swf|width=640|height=480}

Código fonte

Bloco de código

< em desenvolvimento >

Referências

Veja Também

dts_pagetree
|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="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 {sdk_doc_footer: }
sdk_doc_footer