lemonsaurus / django-simple-bulma

Django application to add the Bulma CSS framework and its extensions
MIT License
136 stars 16 forks source link

Carousel extension is not working #83

Open jeavanderwiel opened 2 years ago

jeavanderwiel commented 2 years ago

Hi,

I would like to use the carousel extension, but somehow I'm not able to load the carousel properly. I'm getting the images below each other. The following I have setup.

base.html

{% load static %}

<!DOCTYPE html>

{% load django_simple_bulma %} {% bulma theme %} {% font_awesome %} {% block title %}{% endblock %}Pocketminerals
{% block content %} {% endblock %}
{% include 'parts/newsletter.html' %} {% block scripts %} {% endblock %}

======================= scripts.js

bulmaCarousel.attach('#carousel-demo', { slidesToScroll: 1, slidesToShow: 3 });

======================= settings.py

(.....)

Custom settings for django-simple-bulma

BULMA_SETTINGS = { "extensions": [ "all" ], "variables": { "primary": "#000000", "size-1": "6rem", }, "alt_variables": { "primary": "#fff", "scheme-main": "#000", }, "output_style": "compressed", "fontawesome_token": "e761a01be3", }

=======================

I hope someone can help me.

Thank you!

Kind regards,

Joshua

tehfink commented 2 years ago

I think the carousel has been abandoned: https://www.npmjs.com/package/bulma-carousel/v/4.0.24#user-content-exclamationexclamationexclamation-looking-for-new-maintainer-exclamationexclamationexclamation

lemonsaurus commented 2 years ago

Hmm.. Thanks @tehfink, that seems like a likely culprit for the problem that @jeavanderwiel is having.

I will deprecate support for this plugin in the next version of django-simple-bulma then. It probably just doesn't work with the version of bulma that we have bundled.

jeavanderwiel commented 2 years ago

Hi Guys,

Thx for coming back to this. Is there another way to show carousels in my project?

Please let me know!

Kind regards,

Joshua

lemonsaurus commented 2 years ago

If you need a carousel, you could try something like glide.js, perhaps? It's available as a CDN (so you don't need npm to install it), and should be very easy to get working. Quite minimalist, too.

There is also a school of thought that says that you should not be using carousels at all, as they are considered to be poor UX. Perhaps this problem could be better solved without one?