--- sourceDocument: Interface do usuário da Now Platform Yokohama sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface Release : - yokohama ft:locale : - pt-BR ft:publication_title : - Interface do usuário da Now Platform Yokohama ft:clusterId : - platux bundleId : - platux workflow : - Platform --- # Crie IUs de atividade personalizadas do playbook # Crie IUs de atividade personalizadas do playbook {#ariaid-title1} * Versão de lançamento: Yokohama * * Atualizado 30 de jan. de 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 6 min. de leitura Crie IUs de atividades personalizadas para suas atividades do playbook. Crie suas próprias IUs de atividade com Construtor de IUPara substituir a experiência do usuário padrão de uma atividade do playbook. Construtor de IUFornece um ambiente low-code para criar e atualizar IUs de atividades personalizadas. Você pode combinar vários Construtor de IUComponentes em uma única atividade do playbook. Construtor de IUUsa IUs de atividades prontas para uso como um modelo que você pode personalizar. Uso Construtor de IUPara personalizar a experiência do usuário para uma atividade em uma experiência do Playbook. Você pode fazer o seguinte em Construtor de IU: * Crie uma nova atividade a partir de um modelo de IU vazio que contém um shell de um cartão. * Crie uma nova atividade a partir de um modelo de IU existente que contém conteúdo no shell de um cartão. * Mapeie as propriedades da experiência de atividade do playbook para componentes com vinculação de dados. * Defina regras para especificar qual IU de atividade deve ser usada com qual atividade. * Reflete mudanças em tempo real nas propriedades de experiência de atividade conforme um processo subjacente é executado. {#playbook-using-activity-uis__ul_ght_rfn_4rb} ## Crie IUs de atividade personalizadas para o playbook {#ariaid-title2} Crie IUs de atividades personalizadas em Construtor de IUpara atividades do playbook. ### Antes de Iniciar Função necessária: Administrador do playbook ### Procedimento 1. Navegar até TudoPlaybook ExperienceIUs de atividade. 2. Selecione Novo. 3. No formulário, preencha os campos. {#playbook-custom-activity-uis__table_pqz_2x3_krb__entry__2} | Campo | Descrição | |-|-| | Nome | Nome da IU de atividade. | | Playbook Experience | Selecione a experiência do playbook na qual você deseja usar a IU de atividade. Selecione Playbook Experience global Para disponibilizar sua IU de atividade para todas as experiências do Playbook. | | Tipo de experiência | Selecione o tipo de experiência que você deseja aplicar à IU de atividade. Para saber mais sobre os tipos de experiência, consulte [Tipos de experiência](https://www.servicenow.com/docs/access?context=experience-types&version=yokohama&pubname=yokohama-build-workflows&ft:locale=en-US). | | Modelo de IU | Selecione o modelo de IU que você deseja clonar para sua IU de atividade. . em branco O modelo será aplicado se nenhum modelo de IU for selecionado. Se você selecionar um Modelo de IU com um Tipo de experiência diferente do Tipo de experiência de IUs de atividade, ele pode não ser totalmente compatível sem mudanças adicionais. | [Tabela 1. Formulário de IU de atividade do playbook] {#playbook-custom-activity-uis__table_pqz_2x3_krb} 4. Selecione Enviar. 5. Selecione a IU de atividade que você criou na lista. 6. Selecione Novo em Substituições de atividade do playbook tabela. 7. Preencha o formulário de substituição de atividade para especificar quando sua IU de atividade deve substituir a IU de atividade padrão. Consulte [Configurar substituição de atividade do Playbook](https://servicenow-prod.fluidtopics.net/V9GGUGqCvmUQY8GQhxYIRQ "Crie substituições de atividade adicionais que estendem ou substituem substituições definidas pela experiência global do Playbook. As substituições de atividade do playbook permitem substituir o comportamento de exibição padrão de atividades individuais no playbook.") para obter mais informações. 8. Selecione Edite no Construtor de IU . ### Resultado Construtor de IU Abre em uma nova guia que exibe sua IU de atividade. Modifique sua IU de atividade personalizada usando Construtor de IU. Consulte [Construtor de IU](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)para obter mais informações. ## Configure IUs da atividade com Construtor de IU {#ariaid-title3} Você pode personalizar as IUs da atividade com Construtor de IUdas seguintes maneiras. ### Use modelos de IU em Construtor de IU {#playbook-activity-ui-builder__section_yrz_gx2_2sb} IUs de atividade abertas no Construtor de IU como o modelo de IU selecionado ao criar uma IU de atividade personalizada. Cada modelo de IU contém componentes pré-configurados que podem ser personalizados em Construtor de IU. Por exemplo, a IU de atividade padrão inclui suporte para o seguinte: * Descrição em rich text * Pares de valor de rótulo empilhado para campos de registro * Check-list (condicional na propriedade Mostrar experiência de check-list que está sendo selecionada) * Formulário * Anexos * Rodapé {#playbook-activity-ui-builder__ul_ug4_mhf_2sb} Se você não selecionou um modelo de IU, então Construtor de IUExibe um cartão do playbook em branco que contém o invólucro externo do cartão. Todos os modelos, incluindo o modelo em branco, incluem o seguinte: * Rótulo da atividade * Estado da atividade * Temporizador do ANS * Rodapé * Ações declarativas {#playbook-activity-ui-builder__ul_lpb_qhf_2sb} ### IUs de atividade prontas para uso {#playbook-activity-ui-builder__section_qbx_2jx_dsb} O playbook inclui as seguintes IUs de atividade: Padrão : Lista : Conhecimento : Gerador de Registro : ### Adicione conteúdo à IU de atividades {#playbook-activity-ui-builder__section_fw5_vsf_2sb} . Conteúdo O painel mostra os componentes na IU de atividade. Todas as IUs de atividade contêm o componente Cartão do Playbook como o componente mais externo que envolve toda a IU de atividade. Você pode adicionar componentes a qualquer um dos slots de cartão do playbook:{#playbook-activity-ui-builder__table_ijz_4wf_2sb__entry__2} | Slot de cartão do Playbook | Descrição | |-|-| | Conteúdo | Adicione o conteúdo geral que você deseja exibir no cartão do playbook. | | Formulário | O slot de formulário está reservado para o componente de formulário do playbook. Os formulários serão exibidos em um modal se forem muito grandes para caber em um cartão do playbook | | Abaixo do formulário | Adicione o conteúdo que você deseja exibir abaixo do formulário. | | Rodapé | Adicione o conteúdo que você deseja exibir no rodapé do cartão. | [ ] {#playbook-activity-ui-builder__table_ijz_4wf_2sb} ### Vincule dados à IU de atividades {#playbook-activity-ui-builder__section_fhn_vff_2sb} Use a vinculação de dados em Construtor de IUPara vincular propriedades do playbook Experience à IU de atividades. Esses recursos de dados do Playbook Experience expõem dinamicamente seus dados aos componentes na IU de atividades. Cada IU de atividade tem um tipo de experiência que define uma coleção de propriedades de experiência que são passadas para sua atividade no tempo de execução por Playbooks. Por exemplo, o tipo de experiência de registro inclui uma propriedade de experiência de exibição de formulário que determina qual formulário será exibido em uma atividade do playbook. Você pode encontrar vinculações de dados no Configuração do painel de configuração em Construtor de IU. Por exemplo, a propriedade HTML deste componente de rich text está vinculada à propriedade de experiência de descrição. A vinculação de dados assume a forma: A context.props.experienceProperties.description.value . Se a propriedade da experiência de descrição mudar, este componente será atualizado para refletir esse novo valor. Construtor de IU fornece valores de preenchimento automático à medida que você digita para orientar você até a propriedade de experiência correta. As propriedades de experiência que Construtor de IUPreenchimento automático para corresponder ao tipo de experiência que você escolheu para sua IU de atividade. Se as propriedades de experiência forem adicionadas a um tipo de experiência, elas serão exibidas automaticamente. Além de experienceProperties, o objeto at context.props inclui outros dados úteis aos quais você pode vincular, como activityState ou parentTable. Comece a digitar em context.props para ver o que está disponível. Para obter mais informações sobre vinculação de dados em Construtor de IU, consulte [Recursos de dados no Construtor de IU](https://www.servicenow.com/docs/access?context=data-resources&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US). ## Visualizar IUs de atividades personalizadas em Construtor de IU {#ariaid-title4} Visualize sua IU de atividade personalizada em Construtor de IU. Você pode fornecer dados de amostra para visualizar como os componentes são exibidos em um playbook em execução. ### Antes de Iniciar Função necessária: Administrador do playbook ou autor da atividade ### Por Que e Quando Desempenhar Esta Tarefa IUs da atividade que você criou em Construtor de IU. Modifique os dados de amostra para visualizar como as atividades são exibidas em um playbook em execução. As mudanças feitas no painel de configuração nesta tarefa não afetam a IU de atividade no tempo de execução. Isso afeta somente a visualização em Construtor de IU. Os valores padrão de tempo de execução para cada propriedade de experiência são definidos quando a propriedade de experiência é criada. ### Procedimento 1. Navegar até TudoPlaybook ExperienceIUs de atividade. 2. Selecione a IU de atividade que você deseja visualizar. 3. Selecione Edite no Construtor de IU . 4. Selecione Corpo no painel conteúdo. 5. Selecione Configuração no painel de configuração. 6. Selecione editar em Propriedades da experiência campo. As propriedades da experiência definem o conteúdo que Playbooksfornece no tempo de execução. Você pode modificar os dados de amostra fornecidos para visualizar sua IU de atividades. A personalização desses dados não afeta o que sua IU de atividades exibe em um playbook em execução. 7. Edite a propriedade de experiência json. 8. Selecione Aplicar. 9. Você pode modificar as outras propriedades no Configuração Para personalizar a IU da atividade. Por exemplo, você pode mudar ActivityState para visualizar uma atividade no estado pendente ou concluído. 10. Selecione Salvar. ### Resultado . Construtor de IUexibe as mudanças feitas no Configuração .