By Mist on Tuesday, 04 February 2014
Posted in General
Replies 1
Likes 0
Views 591
Votes 0
So, i am getting back to you for obtaining your point of view for our case scenario (Btw: You guys ROCK ! The support you offer to your clients is top-notch)
We are using 3 of your products: Komento,EasyDiscuss and EasySocial for our community project.

Now, the questions are

What do you guys think is the best way to approach a custom project ?

1. All your products load some CSS files that comes in conflict with our own template developed from scratch, based on Bootsrap 3
* it's really really painfull to even try to debug everything, every css conflict coming from 3 different components + our own template.

2. How would you approach this ? Is there a best way ? Can we disable all the "core" CSS from Komento, EasyDiscuss and EasySocial and use the css classes we already have implemented into our own template ?

3. From where we can disable ALL the css calling for Komento, EasyDiscuss and EasySocial ?

4. Also, your components use some JS files. Is there any way we can merge their code into our own "general" js file ? ... in order that we will have only ONE JS file not so many loaded ...


The products are GREAT and really really heplfull but with their own css can create a lot of pain when conflicts occur . So, we are looking into a way to avoid this, to simplify things ..

Thanks SO MUCH !
Hello Mist,

Thank you for the kind compliments. Please find the answers to your inquiries below:


1. All your products load some CSS files that comes in conflict with our own template developed from scratch, based on Bootsrap 3
* it's really really painfull to even try to debug everything, every css conflict coming from 3 different components + our own template.

I totally agree with you but there's no "easy work around" for this unfortunately. We are starting to move to Bootstrap 3 starting from EasySocial 1.2 and we'll slowly move the rest of our extensions. We can't do this too quickly as our customers would need to be able to re-use the existing the themes that they have.

I guess the best way is for you now is to create a custom override for the CSS files so that none of the css are loaded from our extensions but this also means that you will have to re-design everything from scratch and probably copy over some css codes from the extension.


2. How would you approach this ? Is there a best way ? Can we disable all the "core" CSS from Komento, EasyDiscuss and EasySocial and use the css classes we already have implemented into our own template ?

If you have a custom template override, our css are automatically disabled and it will only load your own css files. However, I reckon it would be nice if there's a switch of a button in the back end of each extensions that says "[ x ] I know what I am doing and I do not want the extension to load the css files."


3. From where we can disable ALL the css calling for Komento, EasyDiscuss and EasySocial ?

You can't do that currently as posted above, the best way is to create css overrides.


4. Also, your components use some JS files. Is there any way we can merge their code into our own "general" js file ? ... in order that we will have only ONE JS file not so many loaded ...

Unfortunately you can't merge them and we are actually using a custom namespace for each of our extension to avoid conflicts with one another and also other conflicts with 3rd party extensions. As an extension developer, handling javascript dependencies are the worst nightmare one can ever imagine. If we rely on Joomla to load their jQuery, there are possibilities that other 3rd party modules or plugins applies some hacks and modify the loaded jQuery library. We had to actually reverse engineer this and think of something out of the box, hence we introduced our own name-spaced version of jQuery and to be honest, it's extremely fast and you really don't have to worry about it
·
Tuesday, 04 February 2014 22:36
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post