--- sourceDocument: Yokohama Mobile Configuração e navegação sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/mobile Release : - yokohama ft:locale : - pt-BR ft:publication_title : - Yokohama Mobile Configuração e navegação ft:clusterId : - mobile bundleId : - mobile workflow : - Platform --- # Configure um estado vazio # Configure um estado vazio {#ariaid-title1} * Versão de lançamento: Yokohama * * Atualizado 30 de jan. de 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 4 min. de leitura Configure um estado vazio para informar aos usuários que uma página não contém dados no momento. Adicione uma imagem, texto e botões para personalizar o estado vazio e melhorar a experiência do usuário. ## Antes de Iniciar Se você estiver criando um estado vazio padrão ou específico, os seguintes itens poderão ser necessários se você planeja exibir uma imagem ou botão: * Uma imagem da tabela de anexos \[sys_attachment\]. * Ações de botão definidas na tabela de função \[sys_sg_button\]. Para obter mais informações, consulte [Configure um botão inteligente](https://servicenow-prod.fluidtopics.net/lTCAqLpdaVs6oWxZ6KS4fg "Os botões inteligentes são ações que permitem executar outra ação, como enviar um e-mail, fazer uma chamada telefônica, acessar um local ou navegar diretamente para um URL."). {#empty-state-default__ul_w13_pt3_14b} Função necessária: administrador ## Por Que e Quando Desempenhar Esta Tarefa Esta tarefa explica como configurar um estado vazio padrão usado em todas as telas. Para obter informações sobre como personalizar estados vazios para telas específicas, consulte os seguintes tópicos: * [Configure um estado vazio para uma tela de lista](https://servicenow-prod.fluidtopics.net/TzEZgh28humRMiINhqYM_w "Configure um estado vazio para ser exibido em telas de lista vazias para fornecer informações para usuários diretos. Esses recursos são configurados na IU baseada na web em vez de no Construtor de apps para celular."). * [Configure um estado vazio para uma lista integrada em uma tela de registro](https://servicenow-prod.fluidtopics.net/FG9c1sFbzb8AYq~9~Btnew "Configure um estado vazio para ser exibido em telas de registro vazias para fornecer informações para usuários diretos adicionais. A exibição de um estado vazio para uma lista integrada em uma tela de registro tem prioridade sobre um estado vazio definido para uma tela de lista."). * [Configure um estado vazio para os resultados da pesquisa](https://servicenow-prod.fluidtopics.net/MPtEopNhjlWeNeORsuMiLA "Configure um estado vazio personalizado para resultados de pesquisa para fornecer aos usuários informações e ações para ajudar a melhorar os critérios de pesquisa. Essas informações substituirão o estado vazio padrão fornecido para os resultados da pesquisa."). {#empty-state-default__ul_wgl_thz_44b} ## Procedimento 1. Crie um cartão, que é o receptáculo onde você define elementos de estado vazios e seus atributos. 1. Na IU baseada na web, insira `sys_sg_view_config.list `no navegador de filtros. 2. Selecione Novo para criar um cartão. 3. No formulário, preencha os campos. {#empty-state-default__table_t2b_nm5_znb__entry__2} | Campo | Valor | |-|-| | Nome | Título do cartão. | | Aplicação | Aplicativo com escopo associado a este registro. Este campo é padronizado para o aplicativo atual. | | Descrição | Descrição opcional do cartão. | | Ativo | Opção para habilitar a exibição da configuração do cartão no estado vazio. Para esta configuração, selecione esta opção. | | Tabela | Nenhuma tabela é necessária para este cartão. | | Modelo de cartão | O valor deve ser `Modelo de estado vazio padrão `. | [Tabela 1. Formulário de cartão] {#empty-state-default__table_t2b_nm5_znb} 4. Clique com o botão direito do mouse no cabeçalho e selecione Salvar. {#empty-state-default__substeps_btr_jm5_znb} 2. Selecione um elemento para adicionar ao cartão. 1. No formulário Elementos do cartão, selecione Novo . 2. No formulário, preencha os campos. {#empty-state-default__table_h1k_sp5_znb__entry__2} | Campo | Valor | |-|-| | Nome | Um título para o elemento do cartão. | | Cartão | Este campo é definido automaticamente com o nome do novo cartão. | | Aplicação | Aplicativo com escopo associado a este registro. Este campo é padronizado para o aplicativo atual. | [Tabela 2. Formulário de elementos do cartão] {#empty-state-default__table_h1k_sp5_znb} 3. Em Slot do modelo de exibição , selecione o ícone de pesquisa de referência ( ![Ícone de pesquisa de referência]()) e selecione um slot de modelo para adicionar ao elemento de cartão. {#empty-state-default__table_chv_qks_f4b__entry__2} | Nome do elemento | Descrição | |-|-| | `slot-de-imagem-es-1` | O elemento de imagem do estado vazio. Você pode usar apenas uma imagem. | | `es-text-slot-1` | O elemento de cabeçalho da mensagem, que é exibido em negrito. | | `es-text-slot-2` | O elemento do corpo da mensagem que é exibido em uma fonte que não está em negrito. | | `slot-botão-es-1` | O elemento do botão superior do estado vazio. | | `es-button-slot-2` | O elemento do botão do meio do estado vazio. | | `es-button-slot-3` | O elemento do botão inferior do estado vazio. | [ ] {#empty-state-default__table_chv_qks_f4b} 4. Clique com o botão direito do mouse no cabeçalho e selecione Salvar. {#empty-state-default__substeps_bx1_rp5_znb} {#empty-state-default__SelectElement} {#empty-state-default__SelectElement} 3. Configure atributos para o elemento de imagem, texto ou botão que você adicionou no cartão. | Elemento | Ação | | Imagem | 1. No formulário Atributos do elemento do cartão, selecione Novo . 2. Defina os seguintes valores: * Nome : Use o ícone de pesquisa de referência e selecione `URL da imagem `. * Descrição : Descrição opcional do elemento. * Valor : Cole o. `sys_id `Da imagem da tabela de anexos \[sys_attachment\]. Nota: Para localizar o. `sys_id `de um elemento, clique com o botão direito do mouse no nome do elemento e selecione Copie sys_id . {#empty-state-default__ul_dgx_pp1_npb} 3. Selecione Enviar. {#empty-state-default__ol_tkd_q41_npb} | | Texto | 1. No formulário Atributos do elemento do cartão, selecione Novo . 2. Defina os seguintes valores: * Nome : Use o ícone de pesquisa de referência e selecione `Valor de texto `. * Descrição : Descrição opcional do elemento. * Valor traduzível : Insira o texto para o botão. Este texto será traduzido se ocorrer uma tradução da IU. {#empty-state-default__ul_zgq_fr1_npb} 3. Selecione Enviar. {#empty-state-default__ol_ygq_fr1_npb} | | Botão | Nota: Os elementos do botão exigem a configuração de ambos `Valor de texto `e. `Botão `atributos. 1. No formulário Atributos do elemento do cartão, selecione Novo . 2. Defina os seguintes valores: * Nome : Use o ícone de pesquisa de referência e selecione `Valor de texto `. * Descrição : Descrição opcional do elemento. * Valor traduzível : Insira o texto para o botão. Este texto será traduzido se ocorrer uma tradução da IU. {#empty-state-default__ul_afr_1t1_npb} 3. Selecione Enviar. 4. No formulário Atributos do elemento do cartão, selecione Novo . 5. Defina os seguintes valores: * Nome : Use o ícone de pesquisa de referência e selecione `Botão `. * Descrição : Descrição opcional do elemento. * Valor : Cole o. `sys_id `Da imagem da tabela de funções \[sys_sg_button\]. Nota: Para localizar o. `sys_id `de um elemento, clique com o botão direito do mouse no nome do elemento e selecione Copie sys_id . {#empty-state-default__ul_qt2_351_npb} 6. Selecione Enviar. {#empty-state-default__ol_z2r_1t1_npb} Os elementos de botão também podem incluir os seguintes atributos opcionais: `Cor de fundo `, `Cor da borda `e. `TextColor `. Você pode definir cores diferentes das configurações padrão para um botão fornecendo um nome de cor do tema (por exemplo, primário) ou um valor de cor RGB (por exemplo, 8a8a8a8a8a). | |-|-| {#empty-state-default__choicetable_c2t_l41_npb} {#empty-state-default__ConfigureAttribute} {#empty-state-default__ConfigureAttribute} 4. **Opcional:** Adicione outro elemento de cartão e, em seguida, adicione atributos adicionais, repita a Etapa [2](https://servicenow-prod.fluidtopics.net/P7xHaPfQC4Qm~m4wJ4Pxfw#empty-state-default__SelectElement)E Etapa [3](https://servicenow-prod.fluidtopics.net/P7xHaPfQC4Qm~m4wJ4Pxfw#empty-state-default__ConfigureAttribute). 5. Anexe o cartão ao estado vazio. 1. Na IU baseada na web, insira `sys_sg_empty_state.list `no navegador de filtros para abrir uma lista de estados vazios. 2. Selecione Novo para criar um estado vazio. 3. No formulário, preencha os campos. {#empty-state-default__table_rmr_4bw_znb__entry__2} | Campo | Valor | |-|-| | Nome | Título do registro de estado vazio. Seu estado vazio padrão ou um estado vazio específico da tela. | | Aplicação | Aplicativo com escopo associado a este registro. Este campo é padronizado para o aplicativo atual. | | Descrição | Descrição do estado vazio. | | Cartão | O registro do cartão que você criou. | | Ativo | Opção para habilitar a exibição do estado vazio. | [Tabela 3. Formulário de estados vazio] {#empty-state-default__table_rmr_4bw_znb} 4. Selecione Enviar. {#empty-state-default__substeps_jwj_lbw_znb} {#empty-state-default__AttachEmptyState} {#empty-state-default__AttachEmptyState} ## Resultado Um estado vazio é exibido em qualquer tela que não contenha dados.