Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS

Light

Single select searchable dropdown in modal by using metronic demo1 theme

By using the Metronic demo1 theme if we place a single select searchable dropdown in the modal the search is not working. The searchbox in the dropdown is behaving like a disabled.Help me out to get out of this issue.

dvsm varma 1 year ago

1 Answers

Text formatting options

Private reply 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
:)
:|
:(

Replies (1)

Sean Author1 year ago

Hi,

If you are using Select2 in Bootstrap Modal you need to set data-dropdown-parent="#kt_modal_1" attribute to link the select2 element to it's parent modal element as shown here.

Regards.

Text formatting options

Private reply 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
:)
:|
:(

Text formatting options

Private reply 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
:)
:|
:(

Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic Refunds

Stay Connected With Us

The More We Learn, The More We Are Able To Innovate & To Develop

How about

a Custom Project ?

Since 2012, we have helped startups, blue chip companies and government agencies and successfully delivered over 120 custom projects.

Hire Experts

Secured payment by Paddle with