A visualização de tela oferece uma interface intuitiva e fácil de usar para gerenciar seus fluxos de trabalho de integração.
Vantagens
A visualização em tela oferece os seguintes benefícios:
Melhoria na capacidade de resposta da interação com o canvas:com a visualização do canvas, você pode mover tarefas e acionadores com facilidade, o que facilita a criação de fluxos de trabalho complexos.
Visão mais clara da sua integração:o design visual atualizado oferece uma visão mais clara da sua integração.
Visualização do minimapa:com essa visualização, você pode conferir a janela de visualização em relação ao gráfico.
Mais fácil de criar integrações:a visualização de tela oferece um método intuitivo para adicionar uma nova tarefa secundária com uma aresta de conexão ou criar uma nova aresta para uma tarefa atual na sua integração.
Melhoria na capacidade de descoberta:no painel de configuração de tarefas, é possível definir a Estratégia de execução desta tarefa e a Política de execução para as próximas tarefas. Para mais informações sobre essas políticas, consulte Bifurcações e mesclagens.
Usar a visualização de tela
Para usar a visualização em tela, siga estas etapas:
Abra o editor de integração.
Na barra de navegação, a visualização de tela será ativada automaticamente.
Use a tela para criar seu fluxo de trabalho de integração.
Para adicionar uma tarefa ou uma aresta, clique em add_circleAdicionar nova tarefa ou aresta à tarefa atual.
Se você tiver vários gatilhos em uma integração, use a visualização de minimapa para conferir a janela de visualização em relação ao gráfico.
Para configurar uma aresta, clique em settingsConfigurar aresta. Se você ativou o Gemini, um menu pop-up semelhante à imagem a seguir vai aparecer pedindo que você forneça uma entrada.
Para adicionar uma bifurcação, clique na tarefa e, no painel Configuração da tarefa, expanda Política de execução para as próximas tarefas.
Se quiser usar teclas de atalho, clique em uma tarefa ou um gatilho na visualização da tela. Em seguida, use teclas de atalho para atualizar o fluxo de trabalho de integração.
Atalhos
As seguintes teclas de atalho estão disponíveis na visualização de tela:
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Difícil de entender","hardToUnderstand","thumb-down"],["Informações incorretas ou exemplo de código","incorrectInformationOrSampleCode","thumb-down"],["Não contém as informações/amostras de que eu preciso","missingTheInformationSamplesINeed","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-09-03 UTC."],[[["\u003cp\u003eThe new canvas view offers an intuitive interface for managing integration workflows, including improved responsiveness for moving tasks and triggers.\u003c/p\u003e\n"],["\u003cp\u003eUsers can easily add new tasks and edges, or create new edges to existing tasks, streamlining the integration building process.\u003c/p\u003e\n"],["\u003cp\u003eThe canvas view features a minimap view to help users navigate complex integrations with multiple triggers, providing a view of the viewport relative to the entire graph.\u003c/p\u003e\n"],["\u003cp\u003eConfiguration of task execution strategies and policies, along with fork additions are made easier from the task configuration pane.\u003c/p\u003e\n"],["\u003cp\u003eThe canvas view supports hotkeys such as copy, paste, undo, redo, and delete for efficient integration workflow management.\u003c/p\u003e\n"]]],[],null,["# Use the canvas view\n\nSee the [supported connectors](/integration-connectors/docs/connector-reference-overview) for Application Integration.\n\nUse the canvas view\n===================\n\nThe canvas view provides an intuitive and user-friendly interface for managing your\nintegration workflows.\n\nBenefits\n--------\n\nThe canvas view offers the following benefits:\n\n- **Improved responsiveness of the canvas interaction:** With the canvas view, you can smoothly move tasks and triggers, making it easier to create complex workflows.\n- **Clearer view of your integration:** The updated visual design provides a clearer view of your integration.\n- **Minimap view:** With the minimap view, you can see the viewport relative to the graph.\n- **Easier to build integrations:** The canvas view provides an intuitive method to add a new child task with a connecting edge or create a new edge to an existing task in your integration.\n\n\n- **Improved discoverability:** In the task configuration pane, you can configure the *Execution strategy for this task* and the *Execution policy for next tasks* . For more information about these policies, see [Forks and joins](/application-integration/docs/forks-joins).\n\nUse the canvas view\n-------------------\n\nTo use the canvas view, follow these steps:\n\n1. Open the integration editor.\n2. In the navigation bar, the canvas view will automatically be active. Use the canvas to create your integration workflow.\n3. To add a task or an edge, click the add_circle **Add new task or edge to the existing task** .\n\n\n4. If you have multiple triggers in an integration, you can use the *Minimap view* to see the viewport relative to the graph.\n\n\n5. To configure an [edge](/application-integration/docs/edge-and-edge-conditions), click the settings **Configure edge** . If you have [enabled Gemini](/application-integration/docs/build-integrations-gemini), then a pop-up menu, similar to the following image appears prompting you to provide an input.\n\n\n6. To add a [fork](/application-integration/docs/forks-joins), click the task and then in the **Task configuration** pane, expand the **Execution policy for next tasks** .\n\n\n7. Optionally, to use [hotkeys](#hotkeys), click a task or a trigger in the canvas view. Then, use hotkeys to update the integration workflow.\n\nHotkeys\n-------\n\nThe following hotkeys are available in the canvas view:\n\nWhat's next\n-----------\n\n- Learn about the [Integration editor layout](/application-integration/docs/integration-designer-layout).\n- Learn about [Application Integration concepts](/application-integration/docs/concepts)."]]
