Oscar Bejarano pro commented 6 years ago

hi again Mikolaj, well the content is loaded with jquery with append method from a js file in js folder, in fact, the content is loaded in the file where i call css and js files, or the same, index.html, regards

hi again Mikolaj, well the content is loaded with jquery with append method from a js file in js folder, in fact, the content is loaded in the file where i call css and js files, or the same, index.html, regards

Please insert min. 15 characters.

Publish

---

Mikołaj Smoleński staff commented 6 years ago

Try to add stylesheet sand scripts to the file which You are appending

Try to add stylesheet sand scripts to the file which You are appending

Please insert min. 15 characters.

Publish

---

Oscar Bejarano pro commented 6 years ago

hi Mikokaj, im not appending a file, i am building the html by code and inserting it inside a div, for example: $("#sidenav").append(""), regards

hi Mikokaj, im not appending a file, i am building the html by code and inserting it inside a div, for example: $("#sidenav").append(""), regards

Please insert min. 15 characters.

Publish

---

Mikołaj Smoleński staff commented 6 years ago

Make sure element has proper class and stylesheets are added correctly to Your page

Make sure element has proper class and stylesheets are added correctly to Your page

Please insert min. 15 characters.

Publish

---

Oscar Bejarano pro commented 6 years ago

hi Mikolaj, i took the generated html and pasted it directly in the sidenav container and it works, the html doesn´t work when i add it dynamically, you can try to use the html that i provided in the original question and you'll see that it works, regards

hi Mikolaj, i took the generated html and pasted it directly in the sidenav container and it works, the html doesn´t work when i add it dynamically, you can try to use the html that i provided in the original question and you'll see that it works, regards

Please insert min. 15 characters.

Publish

---

Mikołaj Smoleński staff commented 6 years ago

Try to save dinamic content in the separete html file and the use $( "#slide-out" ).load( "your_file.html" );. If it's not working try to look for the errors in console. If dynamic content is not working it's not MDB fault but jQuery restrictions. Regards

Try to save dinamic content in the separete html file and the use $( "#slide-out" ).load( "your_file.html" );. If it's not working try to look for the errors in console. If dynamic content is not working it's not MDB fault but jQuery restrictions. Regards

Please insert min. 15 characters.

Publish

---

Oscar Bejarano pro commented 6 years ago

hi, i think that i found the problem, when i click on a.collapsible-header, it doesn't add the .active class itself nor add the display: block property style to collapsible-body. i can add this code manually after to add the dynamic content and it works but it doesn't have the effect when show menu items, then, can you say me how to add this effect? o can you say me when i could find this code in the project?, because i tried to found it in mdb.js but i didn't have look, regards pdta: is possible wich that code is execute before add the dynamic content, but i need to know where is it for to know what can i do.

hi, i think that i found the problem, when i click on a.collapsible-header, it doesn't add the .active class itself nor add the display: block property style to collapsible-body. i can add this code manually after to add the dynamic content and it works but it doesn't have the effect when show menu items, then, can you say me how to add this effect? o can you say me when i could find this code in the project?, because i tried to found it in mdb.js but i didn't have look, regards pdta: is possible wich that code is execute before add the dynamic content, but i need to know where is it for to know what can i do.

Please insert min. 15 characters.

Publish

---

Oscar Bejarano pro commented 6 years ago

hi, Mikolaj, i found the solution, after to load the dynamic content you must to set $('.collapsible').collapsible(); for load the collapsible logic again, that´s all, thanks for the help, regards. pdta: you maybe want to add this point to the documentation.

hi, Mikolaj, i found the solution, after to load the dynamic content you must to set $('.collapsible').collapsible(); for load the collapsible logic again, that´s all, thanks for the help, regards. pdta: you maybe want to add this point to the documentation.

Please insert min. 15 characters.

Publish

---

RegalarTech pro commented 5 years ago

Oscar Bejarano , thanks for your update dynamic content is the most important thing in today js , MDB must have good documentation, examples for the same .

<p><strong><a href="https://mdbootstrap.com/support/jquery/create-sidenav-dynamically/" target="_blank" >Oscar Bejarano</a> , thanks for your update dynamic content is the most important thing in today js , MDB must have good documentation, examples for the same .</strong></p>

Please insert min. 15 characters.

Publish

---

Mikołaj Smoleński staff commented 5 years ago

Thanks for Your feedback, RegalarTech

<p>Thanks for Your feedback, RegalarTech</p>

Please insert min. 15 characters.

Publish

---