search

DavidAJohn / FotoStorio

Blazor WebAssembly application for a fictional photography store, with Stripe Elements payment integration and styling with Tailwind CSS.
MIT License
5 stars 1 forks source link

Bootstrap removal? Carousel alternative? #1

Closed DavidAJohn closed 3 years ago

DavidAJohn commented 3 years ago

To avoid any confusion, it may be better to remove the references to Bootstrap 5 now that tailwind has been successfully added.

Although I'd like to add a carousel on the home page for products, finding a way to do something similar with tailwind may be better than leaving Bootstrap in the application.

DavidAJohn commented 3 years ago

After investigating, using tailwind for something like this feels like a bit of a stretch. You end up having to use a ton of classes (even more than usual with tailwind).

For the time being, I've implemented a Bootstrap 5 carousel, but I'm not entirely happy with how it works. As with a Blazor Server app, it needs to be initialised via JavaScript (using JSInterop), but the initialisation seems inconsistent. It usually needs the user to click on another element on the page before starting up, so I'm tried shifting focus to and from the the navbar element, which seems to improve things. This may not be an issue when there are more page elements for the user to click on.

Another longer term option may be to use the carousel in BlazorStrap instead, which would give me more options on the admin side, as it displays slide content from a C# List<>.