Happy it was able to help! I also went through a good amount of time, banging my head against the keyboard looking for resources on this topic & everything I found was incomplete. Knew once I figured it out I had to contribute and help lead others to the solution. Looking forward to adding more on this topic and seeing what everyone builds because combining it with the users model can be a really powerful tool for application development.

didn't work for me

thanks - after leaving - it's work for me

Thanks a lot. Simply remove the line {% load statictfiles %} in setting.py works.

You're a legend

thanks, could you plz elaborate how you managed to find the solution

thanks dude. i spent well over an hour trying to figure out what was the matter and i didn't want to go to bed til i'd figured it out

thank you so much

Thanks aj, Currently working on perfecting a more in-depth course that condenses my life work on a larger scale than just Dash. If you have any issues on the course feel free to ask for help on Udemy or join the new python discord: discord.gg/QWNeUg6 or Application for Newer Courses: pipinstallpython.com

From my experience, I've been able to get Bokeh to work with Django. It was actually the first graphing mechanic I was able to integrate into a Django project & I found it easier to do than Dash. (Bokeh link: bokeh.org/ ) Another alternative would be through Javascript, although I've never attempted chartjs could be a javascript alternative, though getting it to render interactive components would be limited. The only approach I'd assume is through updating the models & pushing context. But I'm happy to hear this video was helpful and I share the same amazement in the lack of understanding most people have with the power this stack holds of Dash & Django. Its a hidden gem in the python programming community, hope you take advantage and build some cool stuff.

many thanks. it helped me. But the link for the setting does not open, can you send a code snippet to replay

I also ran into this issue. The template files had to remain in the application folder rather than the base directory.

According to the dash docs, the graphs are responsive by default!

Hopefully you enjoy it! Reach out if you have any issues really looking forward to releasing more stuff soon.

Yeah, I have a udemy course & within there I have a few graphs that work with uploading csv files through a dash dashboard. I've recorded more videos based off this project where we will create graphs that work directly with database data from Django & those will also be uploaded to my udemy course so I'd keep an eye open for that in the next week. www.udemy.com/course/plotly-dash/?referralCode=16FC11D8981E0863E557

Currently in the processes of setting up a None-Proffit but I'd love to address this soon any suggestions just the database to graph render or...?

@@pipinstallpython I'd like to extract all the data from my custom database, and create a modern dashboard, with some tables and graphs and charts, thought that would be awesome, but I'm kinda new to python and django.

@MANUEL GERARDO ORELLANA CORDERO channels==2.4.0 channels-redis==2.4.2 dash==1.17.0 dash-core-components==1.13.0 dash-html-components==1.1.1 dash-renderer==1.8.3 dash-table==4.11.0 Django==3.0.4 django-appconf==1.0.3 django-compressor==2.4 django-compressor-toolkit==0.6.0 django-jsonfield==1.4.0 django-plotly-dash==1.4.2 django-redis==4.12.1 Flask==1.1.2 Flask-Compress==1.8.0 numpy==1.18.2 pandas==1.0.3 plotly==4.11.0 psycopg2==2.8.5 pytest-asyncio==0.12.0 pytest-django==3.9.0 sqlparse==0.3.1 tornado==6.0.4

I have this problem, did you figure it out?

@@dillonbourne6802 I did not unfortunately. I haven't touched it since.

I'm having this same issue. Still haven't figured it out.

may be a bit late, but for everyone running into this issue...: personally I fixed it using: not sure if I had the same issue as you, but you might try it... STATIC_URL = '/static/' print("STATIC_URL: ", STATIC_URL) STATIC_ROOT = os.path.join(BASE_DIR, 'static') #'static' print("STATIC_ROOT: ", STATIC_ROOT) STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'PROJECTAPP\static') ] print("STATICFILES_DIRS: ", STATICFILES_DIRS) change PROJECTAPP into your main app directory name (same name as project name) after running "python manage.py collectstatic" you should see the prints and verify or modify your directories. Main change was changing the STATIC_DIR --> STATICFILES_DIR... because before django was only collecting the predefined admin-static files and did not find any other static dirs...

My dash css experience is limited, my approach would be to try and style it from the dash app itself. If that doesn't get the job done a student suggested this alternative that might help: imgur.com/hCuLh9d. Another cool find I found was a bootstrap add on for Dash: github.com/facultyai/dash-bootstrap-components

did you find a solution for this? i'm struggling with the same problem :(

@@julianpalacio7581 gosh I'm stuck on the same problem as well. The external_stylesheets do not seem to be brought over to the dash app in Django. Have you found a solution?

It's in the finished code for which he has provided the link in description.

Yeah, I built that. Connects to the account of the user and if the user has a binance api key it will show a dashboard specific to their portfolio and positions. So its possible and not as hard as youd expect

@@pipinstallpython Thank you so much for the super-fast reply I never had earlier from KZfaq. As you said I'm learning Django now. Did you cover what I asked in this video? if yes then I'm very much lucky if not please do a video on it. Thank you.

Yeah, I cover it. But I'm currently working on a more in depth course that will go into this topic deeper. Stay subscribed and you'll get notified when it drops

@@pipinstallpython Thank you for updating about upcoming depth concepts. Being an intern and in tight situations currently, I can't afford your courses on udemy but I can buy you a cup of coffee if you share me your payment address(eg.paypal..etc). Once again thank you so much.

@@pipinstallpython I'm interested in exactly the same question. Any idea when this content is ready? Kind regards.

Got it. But your coupon please for registering at Udemy

See Paul Thomas's comment: need "X_FRAME_OPTIONS = 'SAMEORIGIN'" in settings.py since Python version >3. This because with version 3, default was changed to "X_FRAME_OPTIONS = 'DENY'. Explained here: docs.djangoproject.com/en/3.1/ref/clickjacking/

No docker isnt required for this project

I'm having the same problem. The graph appears "clipped" and scrollable and doesn't fit the page. Any ideas on this?

Hello Guys, same problem here. Have you got the answer fot that?

I have the same error. Have you perhaps figured out how to fix it? I'm using Django 3.0.5. It starts after running the website with SimpleExample. In template C:\Users\...\templates\base.html, error at line 0 expected string or bytes-like object 1 {% load static %} 2 3 4 5 6 7 8 9 10

@@miloszkrasowski2518 the problem can be in dash-bootstrap

Hi there, I'm having the same problem... just wondering if you have come up with a solution yet? Thanks!

i'm having the same problem. By oppening the browser console, I can see that the reason is the following: "Refused to display '127.0.0.1:8000/...' in a frame because it set 'X-Frame-Options' to 'deny'.". If I go straight to the dash app URL, that it shows in the console message, it renders nicely (as a "standalone" app). I haven't yet found where this configuration is, but I think it would be a matter of simply changing it to "False". Would appreciate if you could share the solution when you come up with it.

Guys, I just found the problem, and a temporary workaround. It's all due to a clickjacking protection, that is set-up by default. just comment out the "'django.middleware.clickjacking.XFrameOptionsMiddleware'" line in the "MIDDLEWARE" section of settings.py and you're good to go! (docs.djangoproject.com/en/3.0/ref/clickjacking/)

@@gwagner3446 Brilliant - this fixed my problem the same. Very much obliged G!

This solved the problem! Thanks

discord.gg/rNc6xtP

what is it

@MANUEL GERARDO ORELLANA CORDERO Thank youuuu! That helped! :-)

app.py file add an external_stylesheets=[‘assets/style.css’] in the app = Dash() , then just create the style.css file in your assets folder.

@MANUEL GERARDO ORELLANA CORDERO add this in your settings.py X_FRAME_OPTIONS = 'SAMEORIGIN'

I never used docker to setup this app so that's your problem. You can just pip install that module or it should be included in the requirements of the project

The db shouldn't effect the processes. You should be able to work through it

@@pipinstallpython thanks but faced another problem. Actually the bootstrap components are not working properly , especially the dropdown menu does not comes. Triple checked the procedure of making partial files , what could be the problem??

Yeah as long as you build them yourself. My course and some other videos on the channel cover how to go about doing that

yikes. 🙄 2 weeks later I might get back to you. 4.5 star review for the slow instructor... if it wasn't for this guy i'd be 5 stars. welp, suppose that be life.. can't win them all.

Now it works, thanks. Updating lib helps me

You can jump into the discord and ill see what I can do should be an easy fix: discord.gg/G3KjWr

@@pipinstallpython Hii. Hope you you are doing good. Thank you so much for the quick response. I have joined discord. Thanks for allowing me. What should i do there now ?

@@ketankulkarni427 sorry didn't know you joined you should of pmed me lol I was busy coding but if you shoot me a picture of the file system. Then go into settings and send me STATICFILES_FINDERS, TEMPLATES & the actual template of the page I should be able to locate the problem.

@@pipinstallpython Ok Sure. Let me send you the necessary stuff that you have mentioned. Thanks in advance :-)

You need to render it in the html make sure you have {%load plotly_dash %}

@@pipinstallpython it looks like this {% extends 'base.html' %} {% load static %} {% load plotly_dash %} {% block content %} Home Page { % plotly_app name='SimpleExample' ratio=0.65 %} {% endblock %} this error comes when I am running without docker. when i run with docker then I get "ModuleNotFoundError: No module named 'django_plotly_dash'"

I haven't messed with athena, most django projects I've seen have had postgres

@@pipinstallpython ok sir thanks

what did i missed hmm

You need to setup a virtual environment and install all the requirements that's what the error is saying.

@@pipinstallpython Actually when I am removing the channels in installed_apps it is working fine.Otherwise it is showing that error

Also,can you show an example of.embedding Jinja template in JavaScript and reference it in HTML form

Second your terminal starts sending out _sanity_check, ya know you into some serious errors lol

@@pipinstallpython i follow all steps, i try so hard but nothing works :(

@@levirenatto924 Find a github that works and build from that. This video 3yrs outdated. Planning on remaking it and in some ways I did. The information to make it work is out there just gotta keep fishing

it has something to do with STATICFILES_FINDERS in settings..i removed it from settings

@@pipinstallpython can you recommend one?

I think you forgot the django media tag most likely

@@pipinstallpython What do you you mean? What tag?

{{ plot_name | safe }}

@@pipinstallpython Thank you and thanks for great tutorial!

Lol the video title isn't "django postgress tutorial" or even a "django tutorial" it's a free tutorial that shows how to connect django and dash. That's it, idk how you can watch this and trash the tutorial for not being a basic django starter tutorial 😂 most programmers who are watching this understand the basics to django, how to connect django, how to create an env... if I had to cover the basics for every video I made I'd never be able to make progress. Watch some basic django courses then watch this again and maybe it will make more sense

Yeah that's my issue as well. There's also no reason for that. He could have just created a simple view with a plotly dash app on it. Instead the entire video is needlessly long and confusing.