Proper way to handle a dashboard without a sidebar?

creativetimofficial / soft-ui-dashboard

Soft UI Dashboard - Free and OpenSource Bootstrap 5 Dashboard

https://www.creative-tim.com/product/soft-ui-dashboard

MIT License

528 stars 1.1k forks source link

Proper way to handle a dashboard without a sidebar? #36

Closed JoLoZ closed 2 years ago

JoLoZ commented 2 years ago

Hey there, some parts of the dashboard that I'm building don't have a sidebar. However, when simply leaving the HTML code for the sidebar out, I'm encountering several JS bugs, which I have listed below.

Firefox

TypeError: sidenav is null
TypeError: referenceButtons is null

Chrome

TypeError: Cannot read properties of null (reading 'classList')

So, what is the proper way to use the design system without a sidebar?

You can check my site for testing here.

github-actions[bot] commented 2 years ago

@JoLoZ this issue was automatically closed because it did not follow the bellow rules:


IMPORTANT: Please use the following link to create a new issue:

https://www.creative-tim.com/new-issue/soft-ui-dashboard

**If your issue was not created using the app above, it will be closed immediately.**

Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
👉  https://www.creative-tim.com/bundles
👉  https://www.creative-tim.com

JoLoZ commented 2 years ago

About the form, I'm sorry, but this is neither a Feature Request nor a Bug, just a question for clarification.

groovemen commented 2 years ago

Hello @JoLoZ,

Thank you for using our products, for those pages that you want to create without the sidebar, you can start from this page structure: https://demos.creative-tim.com/soft-ui-dashboard/pages/sign-in.html for example. Or to fix the issue, you can change the imported script with un-minified one: <script src="../assets/js/soft-ui-dashboard.js?v=1.0.5"></script>

Hope this information helps you.

All the best, Stefan