Page 1 of 1

J4.0 Modules replaced with Cards

Posted: Fri Aug 09, 2019 1:09 pm
by GillianBPP
Am I right in thinking that the CSS I have set up for Custom (mainly) modules in a J3 template will have to be redesigned as (Bootstrap) cards for compatibility with J4.0? I am trying to redesign a template so that it will work with Joomla 4.0 and all the CSS I had set up for .moduletable, .moduletable_heading and .moduletable_content is being ignored.

Re: J4.0 Modules replaced with Cards

Posted: Mon Aug 12, 2019 10:59 am
by waarnemer
That is interesting since I usually disable bootstrap in front end as I don't like bootstrap. (too much ballast).

Code: Select all

unset($this->_scripts[JURI::root(true).'/media/jui/js/bootstrap.min.js']);
unset($this->_stylesheets[JURI::root(true).'/media/jui/js/bootstrap.css']);
I only add a special bootstrap.js using the customizer if needed. (ie. https://getbootstrap.com/docs/3.4/customize/) which I could not find for bootstrap 4 by the way...

... something I need to check too then.

Is there a list of changes (classes and ids) we can use for our redesigns and mods of existing templates? Or does anyone have a link to bootstrap 4 customizer?

Re: J4.0 Modules replaced with Cards

Posted: Mon Aug 12, 2019 12:17 pm
by gws
any use to you? https://themestr.app/

Re: J4.0 Modules replaced with Cards

Posted: Mon Aug 12, 2019 7:19 pm
by Per Yngve Berg
CSS Grid should also be available in J4.

https://drafts.csswg.org/css-grid/

Re: J4.0 Modules replaced with Cards

Posted: Tue Aug 13, 2019 6:01 pm
by GillianBPP
gws wrote:
Mon Aug 12, 2019 12:17 pm
any use to you? https://themestr.app/
Possibly, thanks.

But I'm talking about assigning CSS to what used to be known as the module title and the module content. So, if I say yes to 'Show title' for a module, I want it to display the CSS I have assigned to module titles. But J4 doesn't call it module_header any more, but something to do with Bootstrap 4 grids. I set up my template with Bootstrap 4 columns. Hey ho.

Re: J4.0 Modules replaced with Cards

Posted: Tue Aug 13, 2019 7:45 pm
by waarnemer
For me it is not the css I am after.. the customizer in bootstrap 3 allowed me to select just that bootstrap javascript elements I needed with some third party extensions.

Ever since J! adopted bootstrap, third party extension developers also made their code for bootstrap. And if it was only the views, sometimes the interaction relies on bootstrap js also.

When not using bootstrap, this can become a nuisance. The customizer in b3 could then save you.

Would have been better if they never adopted bootstrap stuff in the core frontend elements... then it would have been upto the template designer... ever since bootstrap virtually all sites look the same..... pity...