How to create a Kanban (Trello style) view of your ModelAdmin data in Wagtail

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • jkanban

    Vanilla Javascript plugin for manage kanban boards

    # views.py from wagtail.contrib.modeladmin.views import IndexView class KanbanView(IndexView): def get_kanban_data(self, context): return [ { "id": "column-id-%s" % index, "item": [ {"id": "item-id-%s" % obj["pk"], "title": obj["title"],} for index, obj in enumerate( [ {"pk": index + 1, "title": "%s Item 1" % column}, {"pk": index + 2, "title": "%s Item 2" % column}, {"pk": index + 3, "title": "%s Item 3" % column}, ] ) ], "title": column, } for index, column in enumerate(["column a", "column b", "column c"]) ] def get_context_data(self, **kwargs): context = super().get_context_data(**kwargs) # replace object_list in context as we do not want it to be paginated context["object_list"] = self.queryset # see: https://github.com/riktar/jkanban#var-kanban--new-jkanbanoptions context["kanban_options"] = { "addItemButton": False, "boards": self.get_kanban_data(context), "dragBoards": False, "dragItems": False, } return context

  • bakerydemo

    Next generation Wagtail demo, born in Reykjavik (by lb-)

    Code can be found Github / lb-

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts