How to change location of loading bar

[nheath99]

Thanks for the great control - it's in all of my projects!

I would like to have control of the location of the loading bar on the page. At the moment it it always just inside the body tag, however I'd like to have it inside my content container. Is there any option for this?

[jsakamoto]

Is there any option for this?

At the moment, the answer is no.

But if I could add the option that the selector what specify the injection point of the loading bar contents, does it make sense?

// (Currently, this code is just one of my ideas for the future version.)
builder.Services.AddLoadingBar(options =>
{
    options.ContainerSelector = "#selector-to-container-you-provided";
});

[nheath99]

Yes I think that would be a good solution!

[jsakamoto]

Thanks for your reply!

I published the new version that has the new option I posted above.

• https://www.nuget.org/packages/Toolbelt.Blazor.LoadingBar/13.1.0-preview.1.0

Could you try it out?

[nheath99]

This doesn't work, as although the .loading-bar element is in the correct position, the .bar element has "position:fixed;", so will always be positioned relative to the view port.

I will determine the correct css values and get back to you.