Button(ボタン) - opensource-workshop/connect-cms GitHub Wiki

Button position and caption

Cancel - Temporarysave - Save(キャンセル - 一時保存 - 保存)
** Cancel left, Save right. (※左にキャンセル、右に保存)

Radio button

左がOFF、右がON

Input file

class="custom-file-input"を使う ※ Forms - Bootstrap 4.2 - 日本語リファレンス

サンプル画面:課題管理の課題設定

image

サンプルソース

https://github.com/opensource-workshop/connect-cms/blob/master/resources/views/plugins/user/learningtasks/default/learningtasks_input.blade.php

            <div class="custom-file">
                <input type="file" class="custom-file-input" id="add_task_file" name="add_task_file">
                <label class="custom-file-label" for="add_task_file" data-browse="参照">PDF もしくは ワード形式。</label>
            </div>

ボタン表示例

  • 緑ボタン btn btn-success:画面移動(新規登録、詳細、編集)
  • 青ボタン btn btn-primary:決定(登録確定、変更確定、更新、ダウンロード、インポート、ログイン)
  • リンク(青) btn btn-link:画面移動、ダウンロードボタン
  • 赤ボタン btn btn-danger:削除
  • 灰色ボタン btn btn-secondary:キャンセル、戻る
  • 水色ボタン btn btn-info:一時保存、一覧へ、RSS、今月へ
参考issue

【データベース・フォーム】設定画面>項目設定の詳細ボタンは緑色がいいかも

関連ページ

Font-Icon

参考URL

⚠️ **GitHub.com Fallback** ⚠️