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

Select2 Not Properly Working


Hello Kennthemes,
I have just Downloaded Metronic verison 8 and Used the pre-built Customers Listing Layouts.
Select2 on Filters Dropdown is not properly working. I have read the documents and they said that Select2's CSS and Javascript files are bundled in the global plugin bundles and globally included in all pages.
Attached are the screenshots link.

https://imgur.com/a/c5dB5Jj


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,

If you meant that the datatable filter does not work on click, then yes, this is just a demo and example dropdown with some form elements and the actual filter does not work.

Buyers should implement it further according to their requirements. We use demo datasets for our data tables and they are not connected to a live database.

If you need any further clarifications please do let us know.

Regards.



Hi,
No, i am not talking about the filters that you have implemented. I am talking about the Style of Dropdowns are not implemented. You can check in Both images please.

Thanks.



Hi,

May I know which demo you are using? I just doubled checked the demo1 HTML version and select2 worked fine in metronic_html_v8.1.7_demo1/demo1/dist/pages/user-profile/overview.html.

May I know which demo you are using? Is it not working in the original downloaded theme or it happens after your customizations?

Could you please provide more info on how to reproduce this issue ?

Regards.



I am using demo1. I am using this template in Laravel and i have just followed the steps in the documentation.



Hi,

Could you please let me know which Laravel version you are currently using? Is it the Legacy Laravel App or the new Laravel Starter kit?

Thanks



I am using fresh installation of laravel 10
I have not used your laravel theme version.



I have also used your Laravel Starterkit, and while running npm run dev it gives error. see this image

https://imgur.com/a/yUcMDTI



Hi,

The error message indicates that the current version of npm you are using is incompatible with your version of Node.js. To resolve this issue, you should update your Node.js version to the latest version available (currently v19).

You can download the latest version of Node.js from the official website: https://nodejs.org/en

Then please retry with the command "npm run dev"

Thanks


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  :(