Tabs in forms stack vertically instead of side-by-side, and extra border appears when adding a record

[lucasitz]

First of all, thank you for this great theme! I’ve been using Daisy in my project and I’m really enjoying it — so much so that I plan to adopt it in other projects as well.

However, I’ve noticed two issues:

Form tabs layout
When I define tabs using fieldsets, the tabs are rendered one below the other instead of side by side. Clicking on a tab header still switches the content, but the inactive tab headers remain visible below the active one, rather than being aligned horizontally as in the demo. I’m not sure if I’m missing a configuration option or if this is a bug.

Extra border on “Add” forms
When I open the form to add a new record, the main tab has a visible border around it. This border does not appear when editing an existing record. This is a minor visual inconsistency, but still noticeable.

I’ve checked the documentation and couldn’t find a way to configure or fix these behaviors. Any guidance would be appreciated!

[hypy13]

Thanks, glad you like it! I’m adding new features and improving styles regularly.

The issue might be due to cached CSS/JS — try clearing your browser cache (Ctrl+F5).
If it still happens, could you share a screenshot?

[lucasitz]

In this screenshot, you can see both issues: the tabs are stacked vertically, and there’s also a black border around the first tab.

And in this small image, an example of horizontal tabs.

[hypy13]

Thanks for the feedback and for using Django Daisy!

Yeah, the tabs weren't properly supported before, but I just added it in v1.1.0. This should fix the layout issue you mentioned.

Just upgrade to version v1.1.0 and add 'classes': ('navtab',) to your fieldsets:

@admin.register(MyModel)
class MyModelAdmin(admin.ModelAdmin):
    fieldsets = (
        (None, {
            'fields': ('username', 'password')
        }),
        (_('Personal info'), {
            'fields': ('first_name', 'last_name', 'email'),
            'classes': ('navtab',),  # Add this
        }),
    )

Full docs here: https://github.com/hypy13/django-daisy?tab=readme-ov-file#making-admin-fieldsets-as-navtabs

About the black border issue on "Add" forms - I couldn't solve that one yet, but I'll work on it. I should probably get help from an expert frontend developer for that.

Let me know if you run into any other issues!