Quantcast
Channel: プログラム の個人的なメモ
Viewing all articles
Browse latest Browse all 860

【MDB】 Material Design for Bootstrap 4 ~ フローティングラベル ~

$
0
0

■ はじめに

https://mdbootstrap.com/components/forms/
で、左(フリー版)・右(有料版?)とサンプルが載っており、
フローティングラベル は、右側にあったので、
色々と別の方法を探ってたら、以下のフリーサンプルの「SMALL」ボタンを押したら
フローティングラベル が実装されていた。
https://mdbootstrap.com/previews/free-templates/admin/dashboard.html

■ フローティングラベル

<div class="md-form">
  <input type="text" id="form1" class="form-control">
  <label for="form1">Enter your name</label>
</div>

公式サイト

https://mdbootstrap.com/legacy/4.3.2/?page=components/forms

■ トラブル



原因

    Waves.init = function(options) {
        var body = document.body;

        options = options || {};

        // ... 略 ...

        // body が nullだったのでエラーになっていた
        body.addEventListener('mousedown', showEffect, false);
    };
参考文献
https://mdbootstrap.com/support/js-loading-issue/
https://github.com/mdbootstrap/bootstrap-material-design/issues/31
https://github.com/mdbootstrap/bootstrap-material-design/issues/49
より抜粋

I marked this as a bug and added to our TODO list


関連記事

MDB

Material Design for Bootstrap 4 ~ 入門編 ~
https://blogs.yahoo.co.jp/dk521123/37632575.html
Material Design for Bootstrap 4 ~ テンプレートについて ~
https://blogs.yahoo.co.jp/dk521123/37670853.html

フローティングラベル

フローティングラベル(placeholder が動いてラベルになる)
https://blogs.yahoo.co.jp/dk521123/37672476.html
Bootstrap 4 ~ Form 編 ~
https://blogs.yahoo.co.jp/dk521123/36103698.html

Viewing all articles
Browse latest Browse all 860

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>