Selected CSS/JavaScript and co-existence with DevExtreme

Topic: Selected CSS/JavaScript and co-existence with DevExtreme

epochsys priority asked 1 year ago

I have some presale technical questions and was directed to this forum by someone in sales.

I am developing a large-scale enterprise product using MVC architecture C# and Dot Net Core. I use DevExtreme for many controls like DataGrid, Charts, and others.

I want to use MDB Standard PRO in my existing project and have the following questions:

Can I use selected CSS/JavaScript libraries based on the components I want to use? For example, I want to use Tabs, so is there any way to have only those CSS/JavaScript components needed for Tabs?
Can I use external tools, such as purgecss or PurifyCSS, to minimize the CSS/JavaScript libraries/Templates without breaking the code so that I only ship minimum resources?
What would you suggest to maintain the compatibility of JavaScript/jQuery and Bootstrap versions with other products?
Do I need to use Sass to use your libraries?

Thanks

Add comment

epochsys priority answered 1 year ago

0 0 Best answer

Thanks. Will let you know if I have any other questions.

Add comment

Grzegorz Bujański staff answered 1 year ago

0 0 Best answer

<ol>
<li>You can use <a href="https://mdbootstrap.com/docs/standard/getting-started/optimization/#section-modules" target="_blank">modules</a> or <a href="https://mdbootstrap.com/docs/standard/getting-started/optimization/#section-custom-mdb-version" target="_blank">crate custom MDB UI KIT version</a></li>
<li>Yes, we have prepared <a href="https://mdbootstrap.com/docs/standard/getting-started/optimization/#section-purgecss" target="_blank">starters</a> that have PurgeCSS</li>
<li>When creating our UI kit, we made sure that our JS code did not conflict with other libraries. Therefore, it is a namespace. For example, to create a modal init, you need to use code like this: <code>const myModal = new mdb.Modal(document.getElementById('myModal'), options)</code>. Unfortunately, if you will be using modules, they are not namespaced. But in case of problems you can use src to create your own version of the MDB leaving only the components you need. Then you will be able to use, for example, the <a href="https://webpack.js.org/guides/author-libraries/#expose-the-library" target="_blank" rel="nofollow">library</a> option in webpack which will allow you to namespace your MDB UI KIT version. Unfortunately, when it comes to css classes, some of them may conflict with other libraries. Then the only option is to modify the source code and adapt the class names to your needs</li>
<li>You don't have to. You can use a ready-made CSS file containing all component's styles or CSS for individual components (modules)</li>
</ol>

Please insert min. 20 characters.

You can use modules or crate custom MDB UI KIT version
Yes, we have prepared starters that have PurgeCSS
When creating our UI kit, we made sure that our JS code did not conflict with other libraries. Therefore, it is a namespace. For example, to create a modal init, you need to use code like this: const myModal = new mdb.Modal(document.getElementById('myModal'), options). Unfortunately, if you will be using modules, they are not namespaced. But in case of problems you can use src to create your own version of the MDB leaving only the components you need. Then you will be able to use, for example, the library option in webpack which will allow you to namespace your MDB UI KIT version. Unfortunately, when it comes to css classes, some of them may conflict with other libraries. Then the only option is to modify the source code and adapt the class names to your needs
You don't have to. You can use a ready-made CSS file containing all component's styles or CSS for individual components (modules)

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Priority
Premium support: Yes
Technology: MDB Standard
MDB Version: MDB5 6.4.1
Device: ThinkPad
Browser: Chrome
OS: Windows 10
Provided sample code: No
Provided link: No

epochsys

5Support score
6Questions 1Answers 1Snippets