OrleanDashboard Orleans 7 - CSS files is failing due to not considering the relative path for stylesheets

[DilanJayamuni]

Hey!

We would like to have Orleans Dashboard running behind Ingress with path based routing. We have an issue in which loading the CSS files is failing due to not considering the path. How can we make the dashboard relative or perhaps override the path to add a route in the beginning?

We are using Orleans 7 and Our framework is .Net Core 7

This is a screenshot of the problem we are facing now when loading the Dashboard.

Thanks

[richorama]

Hi, the path is relative, I have seen problems like this that have been fixed when you add a trailing slash to the URL, to indicate that it's a path not file.

[DilanJayamuni]

Hi Richorama, Thanks for your reply. Can you tell me how to add relative path with example and What dashboard option I need to use with "UseDashboard"?

Thanks

[richorama]

Whatever you put as the path setting is substituted here:

https://github.com/OrleansContrib/OrleansDashboard/blob/master/OrleansDashboard/Index.html#L6

so I would suggest using just dashboard or similar with no slashes

[richorama]

I'll have a go at doing a repro later

[KhushbooRS]

@richorama I am using orleansBuilder.UseDashboard() and in for dasboard option I have give base path as {AppName}/Dashboard It is working in local as I specified port but as soon as I make it public with ingress it is not working. Hence having issue with path based routing with ingress. Please help

[KhushbooRS]

@richorama Can you please help. We have tried to give path in Ingress like {AppName}/Dashboard but css files and js files relative path issue still persists

[KhushbooRS]

Can anyone please address the issue I am observing due to ingress

[KhushbooRS]

After scratching head for quite long time found the solution... giving scriptPath and CssPath worked for me.