Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Metronic 8.0.38 vs 8.1.1 html classes changes


Hi Keenthemes,

what are the major html class changes between 8.0.38 and 8.1.1.

I'm about to re-integrate the new 8.1.1 html markup , what markup classes should I change in html ?


NB : I'm not asking about CSS or Javascript., But html markup changes
for the js and css, I just copied the whole thing assets folder.


for example, tooltip are not working, because it is obvious when you pass the mouse over, but deep inside what are those classes name that changes in makup demo1.

thank you.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (8)


Hi,

The new Demo 1 comes with a new html markup that uses app-* classes and slighly different HTML markup.

If you are using dynamic contents, you will need to use KTApp.createInstances() whenever you load new content(route change) and initialize new elements(tooltips, popovers, select2, etc) and KTApp.init() should be called only once on the app init level.

as explained here.

Regards.



Hi Sean,

I'm aware of the re-initialisation way.

I'm asking if the HTML markup classes changed or not in the 8.1.1 ?

Do I have to keep my html markup of 8.0.38 to be updated on 8.1.1 ??

like :

<span class=" xyz"></span>


do classes in html markup changed in 8.1.1 or do they still the same. ?

I know that in CSS files and JS files a lots has changed .


thank you



Hi,

In Metronic v8.1.x only the layout levels classes are changed as explained above. Also, font-weight classes are changed as per the Bootstrap 5.2 update:

fw-bold -> fw-semibold
fw-bolder -> fw-bold
fw-boldest -> fw-bolder

The rest classes remain.

Regards.



Hummm interesting, very,

Ok, thank you so much,

So no need to redo the whole thing, except the Layout Level,

----------------------
Could you confirm that everything that goes inside the content Area stays the same except their font classes, pleaaaase ?
-----------------------


Thank you .



Hi,

Yes, everything in the content should remain, except those fw-* class changes by the Bootstrap 5.2 update

Regards.



Wonderfull,

Rock & roll for 8.1.1 baby.

Thank you soooo much Sean.



Sure thing, all the best with your project happy



Thank you


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(