In the home page of my website there’s a Materialize carousel with 3 slides. The page is a python flask template an the Materialize carousel is injected in the page, this is the base.html template And this is the home.html template containing the carousel and the slides: This is the Javascript that init…
Tag: materialize
How to Change HTML Tags to Another Tag with JQuery?
I have a header with <h5>Header</h5> tag and I want to change it to <i class=”material-icons>flash_on</i> when I hover it and change it back on hover out Here is my html code; Answer You don’t need JavaScript, you can add simple CSS for change display of the elements e.g. O…
How to init a materialize textarea with character count without using jquery?
I can’t use HTML only to show the Character Counter from MaterializeCSS. The website example is implemented in jQuery. I can’t use jQuery in my React project so I wonder if there’s a way to init a MaterializeCSS textarea with character count just by using materializeCSS’s JS? There is …
Initializing materialize elements in Vue.js
How can I initialize the Materializes’ select or modal elements in Vue.js? When I add the following code in my document ready the elements do not work. Answer You could try and call this code in one of Vue’s lifecycle hooks (see this diagram to find out where exactly they’re executed), you&#…
How to host material icons offline?
My apologies if this is a very simple question, but how do you use google material icons without a ? I would like my app to be able to display the icons even when the user does not have an internet connection Answer Method 2. Self hosting Developer Guide Download the latest release from github (assets: zip fi…