Need help with the UI about django-tagulous

[radiac]

If you're not seeing the autocomplete dropdown then you may not have the css and javascript loaded; make sure that your form media is added to your header; for example: https://github.com/radiac/django-tagulous/blob/develop/example/example/templates/example/index.html#L3-L8

Once you've got that you should get the autocomplete dropdown, and can select tags from there. However, typing a comma will always create a new tag; if you want to create a tag with a comma in it, you will need to wrap the tag with quote marks, eg "tag, with, commas"

[richielo]

I tried adding the the lines you highlighted in the template but it didn't work. What I meant is how do I replicate the behaviour like in the first section of the demo, which when I press enter it becomes a tag with a cross to remove it. Right now, it's just a command separated string in the UI.

[radiac]

Sorry for the delay, missed your reply. This looks like your javascript isn't loading properly, but there could be many reasons for that. Use your web browser's inspector to check that the files are included in the html source (if they're not it indicates a problem with your form or template), and that they're downloaded successfully (it might be an issue with your static files).