Unable to Open Workflow Instance View Screen in Customized Elsa UI

[SatishKolte]

hello Team,

I am encountering difficulties in opening the Workflow Instance View Screen within a customized Elsa UI. Despite attempts to customize the Elsa UI screen, other screens open correctly. However, when trying to open the Workflow Instance View Screen using the provided code snippet, the desired UI does not appear.

Code Sample:

@page "/"
@Inject Microsoft.Extensions.Configuration.IConfiguration Configuration

@{
Layout = "~/Views/_Layout.cshtml";
var serverUrl = Configuration["Elsa:Server:BaseUrl"];
}

Details:

The server URL is correctly set to https://localhost:5001.
The WorkflowInstanceId is being passed to the elsa-studio-workflow-instances-view tag.
Request:

i want to this type of screen like in following Screen.

Could you please assist in identifying the appropriate tag to use and how to utilize it to open the desired UI for the Workflow Instance View Screen? A code sample demonstrating the correct implementation would be greatly appreciated.

Thanks, and Regards
Satish

[glime-ai]

Hello Satish,

Based on the information provided, it seems you are trying to integrate the Elsa Workflow Instance View into a custom UI and facing issues with the UI not appearing as expected. The code snippet you've provided looks correct in terms of embedding the Elsa Studio components into a Razor page.

However, to assist you further, I would need to check a few things:

1. Ensure that the ViewBag.WorkflowInstanceId is populated with the correct ID of the workflow instance you want to view.
2. Verify that the server URL (serverUrl) is accessible and that the Elsa Server is running correctly at that address.
3. Confirm that the necessary client-side assets for Elsa Studio are properly included and accessible in your application.
4. Check the browser's developer console for any JavaScript errors that might indicate issues with loading the Elsa Studio components or making API calls to the Elsa Server.

If you have followed the documentation and the setup is correct, but you are still facing issues, it could be related to a bug or a missing configuration. In such cases, reviewing the Elsa GitHub issues for similar problems or posting a new issue with detailed information could help resolve the problem.

For example, there was a similar issue reported on GitHub where the workflow definition instance view was not displaying correctly, and it was related to a JavaScript exception (GitHub issue #4709). Checking such issues might provide insights into your problem.

If you can provide any error messages or additional details about the issue you are encountering, I would be better positioned to offer more specific advice.

This comment was generated by Glime.

[SatishKolte]

hello Team
is it the correct Selector for to load view details of the particular workflows instance.
<elsa-studio-workflow-instances-view workflow-instance-id="@ViewBag.WorkflowInstanceId"

[SatishKolte]

Could you please address the issue mentioned above? Your assistance is greatly appreciated.

[SatishKolte]

Hello Team,
Could you please address the issue mentioned above? Your assistance is greatly appreciated.