Как вставить тумблер на laravel? - PullRequest
Новая
       38

Как вставить тумблер на laravel?

0 голосов
/ 01 марта 2020

Я хочу вставить тумблер на панель администратора. С моим кодом я получаю флажок вместо тумблера. Что я должен сделать, чтобы вставить кнопку? Мой код для кнопки 

<td> <input data-id="{{$posts[$i]->id}}" class="toggle-class" type="checkbox" data-onstyle="success" data-offstyle="danger" data-toggle="toggle" data-on="Active" data-off="InActive" {{ $posts[$i]->status ? 'checked' : '' }}>

1 Ответ

0 голосов
/ 01 марта 2020

Полагаю, вам не хватает файлов библиотеки CSS \ JS.

Проверьте рабочую демонстрацию 

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Toggle switch</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.0/css/bootstrap-toggle.min.css" rel="stylesheet"/>
    </head>

    <body>
    <input type="checkbox" checked data-toggle="toggle">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.0/js/bootstrap-toggle.min.js"></script>
    </body>

    </html>
...