Icons about the calendar not showing correctly

[hxy0229]

Describe the problem A clear and concise description of what the scenario is.

To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior A clear and concise description of what you expected to happen.

Console errors

• No error on django console.
• No error on JavaScript console.

Paste-bin The page is showing up but the date-picker calendar is not. The paste-bin link of the HTML source of the page is http://...

Setup Information (please complete the following information):

• OS: [e.g. Windows 10]
• Browser [e.g. chrome, safari]
• Browser version [e.g. 22]
• Python version [e.g. 3.7]
• Django version [e.g. 2.1]
• Bootstrap version [e.g. 3/4]
• jQuery version [e.g. 1.7.1]

[x] I have followed the configuration instructions and checked out the common error troubleshooting page.

[hxy0229]

The icons(buttons) on the calendar are not showing correctly.

[monim67]

Please provide your setup information (see the first comment here). Which configuration process are you following?

[OdinCosta]

Hi monim67, I have the exact same issue. I'm filling up the information hxy0229 didn't for my problem. I tried a few solutions but none of them work. Any help is appreciated, thank you.

Describe the problem Calendar works fine but buttons don't show. Instead, empty squared boxes appear.

To Reproduce Steps to reproduce the behavior:

• Run the server and open the calendar, you will see the empty boxes. Same as hxy0229 uploaded screenshot.

Expected behavior

• Buttons showing same way as in the examples.

Console errors

• No error on django console.
• No error on JavaScript console.

Paste-bin

• What is this?

Setup Information (please complete the following information):

OS: Windows 10 Browser: Chrome Browser version: 77.0.3865.75 Python version: 3.7.3 Django version: (2, 2, 1, 'final', 0) Bootstrap version: 3 jQuery version: How can I check that? I followed your tutorials I assume I have the current one. [x] I have followed the configuration instructions and checked out the common error troubleshooting page.

Linked I followed:

• https://monim67.github.io/django-bootstrap-datepicker-plus/configure/
• https://django-bootstrap-datepicker-plus.readthedocs.io/en/latest/Walkthrough.html

[OdinCosta]

See the three missing icons:

[OdinCosta]

@monim67 Let me know if you need any more info pls! Thank you very much!

[monim67]

Is there any way I can check it out myself? You sure the font files are loading properly?

[OdinCosta]

@monim67 I think I have isolated the root of the problem. Seems to be conflicting with my master template.

• If I remove {% extends 'Maturities/base.html' %}
• The icon appears but then I lose all my formatting

How can I have both? - I configured both my master and page following:

• https://monim67.github.io/django-bootstrap-datepicker-plus/configure/
• Options: Bootstrap3, Include using django-bootstrap3 tags, Include Jquery from CDN, I have a master layout template.

If I can't have both, I assume I will write all the style on my page html. BTW, this widget is awesome. Nice work.

[OdinCosta]

Fixed it! It does conflict with my css stylesheet. <link rel="stylesheet" href="{% static 'css/template.css' %}">

On top of my css I defined:

html * { font-family: Avenir LT Black !important; }

This was conflicting with the calendar font. I deleted the !important tag. Problem solved :)