How to add Material Design in Joomla ?

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Locked
justibatata2810
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Thu May 24, 2018 1:19 am
Contact:

How to add Material Design in Joomla ?

Post by justibatata2810 » Thu Sep 20, 2018 1:49 pm

Hi all,
I want to add material design to apply to my project. Can anyone help me?

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44074
Joined: Sat Apr 05, 2008 9:58 pm

Re: How to add Material Design in Joomla ?

Post by Webdongle » Thu Sep 20, 2018 1:55 pm

Please explain
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".

justibatata2810
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Thu May 24, 2018 1:19 am
Contact:

Re: How to add Material Design in Joomla ?

Post by justibatata2810 » Sat Sep 22, 2018 5:18 am

Webdongle wrote:
Thu Sep 20, 2018 1:55 pm
Please explain
Hi,
That means I want to use the library of material design: icon, html, css of it to make the web more beautiful. Like boostrap

User avatar
AMurray
Joomla! Exemplar
Joomla! Exemplar
Posts: 9713
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: How to add Material Design in Joomla ?

Post by AMurray » Sat Sep 22, 2018 5:38 am

Joomla already has bootstrap 2....(Joomla 4.0 will use Bootstrap 4).

However, you can add templates, I think that use Bootstrap 3.

On the extensions directory, have a look at some of these:
You could also add FontAwesome etc or ready-made templates (beyond the basic ones Joomla provides) to built a more "advanced" site.

https://extensions.joomla.org/extension/fonticons/

https://extensions.joomla.org/extension ... me-button/

https://extensions.joomla.org/tags/icon-packs/

Since Bootstrap's already included, any thing you add (features supported by Boostrap 2.0) should work immediately. See http://getbootstrap.com/docs/4.1/gettin ... roduction/ for how-to tutorials.

I don't know what else you might be wanting, but I assume the above are the sorts of things you're asking about. Just search the web or Joomla Extensions Directory (JED) for more.

Also perhaps a Page Builder component might help you too.
https://extensions.joomla.org/category/ ... struction/

You can manually add the Boostrap elements, you just have to edit in code view your articles, to include the bootstrap stuff.

Hope the above will get you started - otherwise, just search the extension directory (JED) for what you need. This sub-forum might give you some ideas for templates to use - viewforum.php?f=46 (the posts here contain download links to the templates for downloading).
Regards - A Murray
General Support Moderator

justibatata2810
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Thu May 24, 2018 1:19 am
Contact:

Re: How to add Material Design in Joomla ?

Post by justibatata2810 » Sun Sep 23, 2018 4:50 pm

Thank you very much. I found what I needed and a great library to design it. I think I will start Boostrap 3 and
https://extensions.joomla.org/tags/icon-packs/

dynamicsites
Joomla! Apprentice
Joomla! Apprentice
Posts: 38
Joined: Thu Mar 06, 2014 12:27 pm

Re: How to add Material Design in Joomla ?

Post by dynamicsites » Wed Sep 26, 2018 10:42 am

Hey, I hope this helps https://mdbootstrap.com/material-design-for-bootstrap/

I've already used the BS3 version for a custom Joomla template and it worked fine.

Be sure to stop the default Bootstrap 2.x CSS from loading in Joomla (you can use the Mootools Enabler/Disabler plugin for that, it is well-tested and works fine).

justibatata2810
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Thu May 24, 2018 1:19 am
Contact:

Re: How to add Material Design in Joomla ?

Post by justibatata2810 » Thu Sep 27, 2018 2:10 pm

dynamicsites wrote:
Wed Sep 26, 2018 10:42 am
Hey, I hope this helps https://mdbootstrap.com/material-design-for-bootstrap/

I've already used the BS3 version for a custom Joomla template and it worked fine.

Be sure to stop the default Bootstrap 2.x CSS from loading in Joomla (you can use the Mootools Enabler/Disabler plugin for that, it is well-tested and works fine).
Although BS3 is very stable but I found that the material looks better so I like it


Locked

Return to “Templates for Joomla! 3.x”