Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Bootstrap select picker

Aktivity
Avatar
Martin Suchodol
Člen
Avatar
Martin Suchodol:25.10.2021 12:34

Ahoj, predem se omlouvam pokud bude dotaz spatne zarazeny, ale povahove se to spise tyka frontu.

V laravelu mam udelany language selector ktery puvodne vypada nejak takto:

<select name="language-selector" onchange="location = this.value"data-width="fit">
    <option>{{ __('views.partials.language_selector.option_title') }}</option>
    <option value="{{ url('locale/en') }}" >English</option>
    <option value="{{ url('locale/cs') }}" >Czech</option>
</select>

Funguje spravne a tak jak, ale kdyz jsem se pokusil trochu vylepsit, zhruba takto:

<script type="text/javascript">
    $(document).ready(function () {
        $(".selectpicker").selectpicker();
    });
</script>

<select name="language-selector" onchange="location = this.value" class="selectpicker" data-width="fit">
    <option>{{ __('views.partials.language_selector.option_title') }}</option>
    <option value="{{ url('locale/en') }}" data-content='<span class="flag-icon flag-icon-us"></span> English'>English</option>
    <option value="{{ url('locale/cs') }}" data-content='<span class="flag-icon flag-icon-cz"></span> Czech'>Czech</option>
...
</select>

Tak prave diky select pickeru mi nejede. Jedine co se stane je ze po kluknuti se select zvyrazni ale tim to skonci. Konzole prohlizece mlci, vlastne je dokonale cista.

js a css soubory pro bootstrap select mam nalinkovane v app.js

require('./bootstrap');
import 'flag-icon-css/css/flag-icon.css'
require('../../node_modules/bootstrap-select/dist/js/bootstrap-select');
require('../../node_modules/bootstrap-select/dist/css/bootstrap-select.min.css');

a bootstrap ve verzi 5.1.3 a bootstrap-select ve verzi 1.13.18

Editováno 25.10.2021 12:34
 
Odpovědět
25.10.2021 12:34
Avatar
Martin Suchodol
Člen
Avatar
Martin Suchodol:25.10.2021 13:52

Tak problem vyresen, nejak jsem si nevsim ze bootstrap select zatim neni pro bootstrap 5,

 
Nahoru Odpovědět
25.10.2021 13:52
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.