IM-BloomMaker for Accel Platform IM-BloomMaker ユーザ操作ガイド 第10版 2022-12-01

11.3.3. Bulma部品

Contents

11.3.3.1. レイアウト(Bulma)

11.3.3.1.1. ボックス

配下に他のエレメントを配置し、箱のように見せるエレメントです。
../../../_images/ImBulmaBox.png

11.3.3.1.2. カラム

横並びにエレメントを配置するエレメントです。
画面幅に応じて、縦並びにエレメントを配置します。
../../../_images/ImBulmaColumns.png

11.3.3.1.2.1. エレメント固有プロパティ

11.3.3.1.2.1.1. elementCount
カラムの表示数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 3 必須 入力のみ 固定値 なし
11.3.3.1.2.1.2. responsive
列が改行するブレークポイントを指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「mobile」を指定する場合、「is-mobile」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 tablet 任意 入出力
固定値
変数値
tablet
mobile
desktop
11.3.3.1.2.1.3. gap
カラム間の幅を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
0
1
2
3
4
5
6
7
8
11.3.3.1.2.1.4. verticalAlignment
カラムを上下中央に配置するか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.1.2.1.5. multiLine
カラムを折り返して複数行に渡り配置するか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.1.2.1.6. centeringColumns
カラムを左右中央に配置するか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.1.2.2. 子エレメント

11.3.3.1.2.2.1. カラムアイテム
11.3.3.1.2.2.1.1. エレメント固有プロパティ
11.3.3.1.2.2.1.1.1. size
カラムのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12
11.3.3.1.2.2.1.1.2. offset
カラムの水平方向の余白のサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
11.3.3.1.2.2.1.1.3. narrow
カラムの幅を最小のサイズにします。
画面幅に応じてカラムの幅を最小にしたい場合は、mobile、tabletなどのブレークポイントが指定されているものを利用してください。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
narrow
narrow mobile
narrow tablet
narrow touch
narrow desktop
narrow widescreen
narrow fullhd
11.3.3.1.2.2.1.1.4. size for mobile
画面がモバイルサイズのときのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12
11.3.3.1.2.2.1.1.5. size for tablet
画面がタブレットサイズのときのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12
11.3.3.1.2.2.1.1.6. size for desktop
画面がデスクトップサイズのときのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12
11.3.3.1.2.2.1.1.7. size for widescreen
画面がワイドスクリーンサイズのときのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12
11.3.3.1.2.2.1.1.8. size for fullhd
画面がフルHDサイズのときのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12

11.3.3.1.3. コンテナ

横幅を指定するエレメントです。
画面幅に合わせてサイズが指定できます。
../../../_images/ImBulmaContainer.png

11.3.3.1.3.1. エレメント固有プロパティ

11.3.3.1.3.1.1. gap
左右の余白のサイズを指定します。
未指定の場合、デスクトップサイズの幅まで余白が追加されます。
fluidを指定した場合、常に同じサイズの余白が追加されます。
widescreenを指定した場合、ワイドスクリーンサイズの画面幅まで余白が追加されます。
fullhdを指定した場合、フルHDサイズの画面幅まで余白が追加されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
fluid
widescreen
fullhd

11.3.3.1.4. 水平コンテナ

水平方向の配置を指定するためのエレメントです。
左右にエレメントを配置できます。
../../../_images/ImBulmaLevel.png

11.3.3.1.4.1. エレメント固有プロパティ

11.3.3.1.4.1.1. mobile
画面がモバイルサイズのときに、改行せずそのまま表示するかを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入力のみ 固定値 なし

11.3.3.1.4.2. 子エレメント

11.3.3.1.4.2.1. 水平コンテナ左側
11.3.3.1.4.2.1.1. エレメント固有プロパティ
11.3.3.1.4.2.1.1.1. elementCount
左側のエレメントを配置する数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 3 必須 入力のみ 固定値 なし
11.3.3.1.4.2.2. 水平コンテナアイテム
11.3.3.1.4.2.3. 水平コンテナ右側
11.3.3.1.4.2.3.1. エレメント固有プロパティ
11.3.3.1.4.2.3.1.1. elementCount
右側のエレメントを配置する数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 3 必須 入力のみ 固定値 なし

11.3.3.1.5. 中央揃え水平コンテナ

水平方向の配置を指定するためのエレメントです。
エレメントを均等に配置できます。
../../../_images/ImBulmaCenteredLevel.png

11.3.3.1.5.1. エレメント固有プロパティ

11.3.3.1.5.1.1. mobile
画面がモバイルサイズのときに、改行せずそのまま表示するかを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入力のみ 固定値 なし
11.3.3.1.5.1.2. elementCount
エレメントを配置する数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 3 必須 入力のみ 固定値 なし

11.3.3.1.5.2. 子エレメント

11.3.3.1.5.2.1. 水平コンテナアイテム

11.3.3.1.6. テーブルコンテナ

表形式でエレメントを配置するエレメントです。
../../../_images/ImBulmaTableContainer.png

11.3.3.1.6.1. エレメント固有プロパティ

11.3.3.1.6.1.1. scrollable

テーブルを横スクロール可能にするか指定します。

エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入力のみ 固定値 なし

11.3.3.1.6.2. 子エレメント

11.3.3.1.6.2.1. テーブル
11.3.3.1.6.2.1.1. エレメント固有プロパティ
11.3.3.1.6.2.1.1.1. showHeader
テーブルのヘッダを表示するか指定します。
固定値の場合はチェックを入れるとヘッダが表示されます。
変数値の場合は値が「true」の変数をセットするとヘッダが表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入出力
固定値
変数値
なし
11.3.3.1.6.2.1.1.2. showFooter
テーブルのフッタを表示するか指定します。
固定値の場合はチェックを入れるとフッタが表示されます。
変数値の場合は値が「true」の変数をセットするとフッタが表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし
11.3.3.1.6.2.1.1.3. showBorder
テーブルの枠線を表示するか指定します。
固定値の場合はチェックを入れると枠線を表示します。
変数値の場合は値が「true」の変数をセットすると枠線を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし
11.3.3.1.6.2.1.1.4. stripe
テーブルの背景色を列ごとに交互に変えるか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入力のみ 固定値 なし
11.3.3.1.6.2.1.1.5. narrow
テーブルの幅を最小サイズにします。
画面幅に応じてカラムの幅を最小にしたい場合は mobile、tabletなどのブレークポイントが指定されているものを利用してください。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入力のみ 固定値 なし
11.3.3.1.6.2.1.1.6. hoverable
テーブルの行にホバーした際に行をハイライトするか指定します。
固定値の場合はチェックを入れるとホバーした際に行をハイライトします。
変数値の場合は値が「true」の変数をセットするとホバーした際に行をハイライトします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入出力
固定値
変数値
なし
11.3.3.1.6.2.1.1.7. fullwidth
テーブルの横幅を最大にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入力のみ 固定値 なし
11.3.3.1.6.2.1.1.8. columnCount
テーブルの列数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 5 必須 入力のみ 固定値 なし
11.3.3.1.6.2.1.1.9. rowCount
テーブルの行数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 3 必須 入力のみ 固定値 なし
11.3.3.1.6.2.2. テーブルセル
11.3.3.1.6.2.3. テーブルヘッダセル

11.3.3.1.7. メディアオブジェクト

テキストエリア、アイコン、ボタンなどのエレメントを配置し、タイムラインのような見た目のデザインを作成するエレメントです。
../../../_images/ImBulmaMediaObject.png

11.3.3.1.7.1. エレメント固有プロパティ

11.3.3.1.7.1.1. left
エレメントの左側を表示するかを指定します。
固定値の場合はチェックを入れると左側を表示します。
変数値の場合は値が「true」の変数をセットすると左側を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入出力
固定値
変数値
なし
11.3.3.1.7.1.2. content
エレメントの中央を表示するかを指定します。
固定値の場合はチェックを入れると中央を表示します。
変数値の場合は値が「true」の変数をセットすると中央を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入出力
固定値
変数値
なし

11.3.3.1.7.2. 子エレメント

11.3.3.1.7.2.1. メディアオブジェクト左側
11.3.3.1.7.2.2. メディアオブジェクトコンテンツ
11.3.3.1.7.2.3. メディアオブジェクト右側

11.3.3.1.8. ヒーロー

全幅のバナーを表示するエレメントです。
伝えたいメッセージを指定したファーストビューやナビゲーションメニューに利用できます。
../../../_images/ImBulmaHero.png

11.3.3.1.8.1. エレメント固有プロパティ

11.3.3.1.8.1.1. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
link
info
success
warning
danger
11.3.3.1.8.1.2. gradient
エレメントの色をグラデーションさせるか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入力のみ 固定値 なし
11.3.3.1.8.1.3. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
fullheight
fullheightWithNavbar

11.3.3.1.8.2. 子エレメント

11.3.3.1.8.2.1. ヒーローヘッダ
11.3.3.1.8.2.2. ヒーローボディ
11.3.3.1.8.2.3. ヒーローフッタ

11.3.3.1.9. セクション

上下に余白を取り、セクションを表現するエレメントです。
../../../_images/ImBulmaSection.png

11.3.3.1.9.1. エレメント固有プロパティ

11.3.3.1.9.1.1. margin
上下のマージンを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
normal
medium
large

11.3.3.1.10. フッタ

ページの下部に表示されるエレメントです。
../../../_images/ImBulmaFooter.png

11.3.3.1.11. タイル

自由にグリッドレイアウトを構築するためのエレメントです。
../../../_images/ImBulmaTiles.png

11.3.3.1.11.1. エレメント固有プロパティ

11.3.3.1.11.1.1. contextual
コンテキストを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
ancestor
parent
child
11.3.3.1.11.1.2. vertical
タイルを垂直に配置するか指定します。
固定値の場合はチェックを入れるとタイルを垂直に配置します。
変数値の場合は値が「true」の変数をセットするとタイルを垂直に配置します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし
11.3.3.1.11.1.3. horizontalSize
水平方向に対しての割合を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力   任意 入出力
固定値
変数値
なし
11.3.3.1.11.1.4. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
link
info
success
warning
danger

11.3.3.1.12. コンテンツ

配下に配置されたエレメントのテキストサイズを指定できるエレメントです。
../../../_images/ImBulmaContent.png

11.3.3.1.12.1. エレメント固有プロパティ

11.3.3.1.12.1.1. size
配下のエレメントの文字のサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large

11.3.3.1.13. 見出しレベル1

最上位の見出しを表示するエレメントです。
../../../_images/ImBulmaTitle1.png

11.3.3.1.13.1. エレメント固有プロパティ

11.3.3.1.13.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Title 1 必須 入出力
固定値
変数値
なし
11.3.3.1.13.1.2. type
文字の見た目を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 title 任意 入力のみ 固定値
title
subtitle
11.3.3.1.13.1.3. spaced
エレメントの下に余白を入れるか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.1.14. 見出しレベル2

最上位から2番目の見出しを表示するエレメントです。
../../../_images/ImBulmaTitle2.png

11.3.3.1.14.1. エレメント固有プロパティ

11.3.3.1.14.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Title 2 必須 入出力
固定値
変数値
なし
11.3.3.1.14.1.2. type
文字の見た目を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 title 任意 入力のみ 固定値
title
subtitle
11.3.3.1.14.1.3. spaced
エレメントの下に余白を入れるか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.1.15. 見出しレベル3

最上位から3番目の見出しを表示するエレメントです。
../../../_images/ImBulmaTitle3.png

11.3.3.1.15.1. エレメント固有プロパティ

11.3.3.1.15.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Title 3 必須 入出力
固定値
変数値
なし
11.3.3.1.15.1.2. type
文字の見た目を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 title 任意 入力のみ 固定値
title
subtitle
11.3.3.1.15.1.3. spaced
エレメントの下に余白を入れるか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.1.16. 見出しレベル4

最上位から4番目の見出しを表示するエレメントです。
../../../_images/ImBulmaTitle4.png

11.3.3.1.16.1. エレメント固有プロパティ

11.3.3.1.16.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Title 4 必須 入出力
固定値
変数値
なし
11.3.3.1.16.1.2. type
文字の見た目を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 title 任意 入力のみ 固定値
title
subtitle
11.3.3.1.16.1.3. spaced
エレメントの下に余白を入れるか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.1.17. 見出しレベル5

最上位から5番目の見出しを表示するエレメントです。
../../../_images/ImBulmaTitle5.png

11.3.3.1.17.1. エレメント固有プロパティ

11.3.3.1.17.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Title 5 必須 入出力
固定値
変数値
なし
11.3.3.1.17.1.2. type
文字の見た目を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 title 任意 入力のみ 固定値
title
subtitle
11.3.3.1.17.1.3. spaced
エレメントの下に余白を入れるか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.1.18. 見出しレベル6

最上位から6番目の見出しを表示するエレメントです。
../../../_images/ImBulmaTitle6.png

11.3.3.1.18.1. エレメント固有プロパティ

11.3.3.1.18.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Title 6 必須 入出力
固定値
変数値
なし
11.3.3.1.18.1.2. type
文字の見た目を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 title 任意 入力のみ 固定値
title
subtitle
11.3.3.1.18.1.3. spaced
エレメントの下に余白を入れるか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.2. 繰り返し(Bulma)

11.3.3.2.1. カラム(繰り返し)

エレメントを横並びに繰り返し配置するエレメントです。
columns プロパティで指定した配列の要素数分エレメントが配置されます。
画面幅に応じて、縦並びにエレメントを配置します。
../../../_images/ImBulmaRepeatColumns.png

11.3.3.2.1.1. エレメント固有プロパティ

11.3.3.2.1.1.1. responsive
列が改行するブレークポイントを指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「mobile」を指定する場合、「is-mobile」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 tablet 任意 入出力
固定値
変数値
tablet
mobile
desktop
11.3.3.2.1.1.2. gap
カラム間の幅を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
0
1
2
3
4
5
6
7
8
11.3.3.2.1.1.3. verticalAlignment
カラムを上下中央に配置するか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.2.1.1.4. multiLine
カラムを折り返して複数行に渡り配置するか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.2.1.1.5. centeringColumns
カラムを左右中央揃えに配置するか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.2.1.2. 子エレメント

11.3.3.2.1.2.1. カラムアイテム(繰り返し)
11.3.3.2.1.2.1.1. エレメント固有プロパティ
11.3.3.2.1.2.1.1.1. list
カラムに紐づける配列の変数を指定します。
エレメントは配列の長さと同じ数描画されます。
指定できる値:配列の変数
事前に変数エディタ上で配列の変数を作成してください。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
入力欄なし   必須 入出力 変数値 なし
11.3.3.2.1.2.1.1.2. size
カラムのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12
11.3.3.2.1.2.1.1.3. offset
カラムの水平方向の余白のサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
11.3.3.2.1.2.1.1.4. narrow
カラムの幅を最小のサイズにします。
画面幅に応じてカラムの幅を最小にしたい場合は mobile、tabletなどのブレークポイントが指定されているものを利用してください。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
narrow
narrow mobile
narrow tablet
narrow touch
narrow desktop
narrow widescreen
narrow fullhd
11.3.3.2.1.2.1.1.5. size for mobile
画面がモバイルサイズのときのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12
11.3.3.2.1.2.1.1.6. size for tablet
画面がタブレットサイズのときのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12
11.3.3.2.1.2.1.1.7. size for desktop
画面がデスクトップサイズのときのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12
11.3.3.2.1.2.1.1.8. size for widescreen
画面がワイドスクリーンサイズのときのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12
11.3.3.2.1.2.1.1.9. size for fullhd
画面がフルHDサイズのときのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
1 / 5
1 / 4
1 / 3
2 / 5
1 / 2
3 / 5
2 / 3
3 / 4
4 / 5
full
1 / 12
2 / 12
3 / 12
4 / 12
5 / 12
6 / 12
7 / 12
8 / 12
9 / 12
10 / 12
11 / 12
12 / 12

11.3.3.2.2. テーブルコンテナ(繰り返し)

表形式でエレメントを繰り返し配置するエレメントです。
listプロパティで指定した配列の要素数分エレメントが配置されます。
../../../_images/ImBulmaRepeatableTableContainer.png

11.3.3.2.2.1. エレメント固有プロパティ

11.3.3.2.2.1.1. scrollable

テーブルを横スクロール可能にするか指定します。

エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入力のみ 固定値 なし

11.3.3.2.2.2. 子エレメント

11.3.3.2.2.2.1. テーブル(繰り返し)
11.3.3.2.2.2.1.1. エレメント固有プロパティ
11.3.3.2.2.2.1.1.1. showHeader
テーブルのヘッダを表示するか指定します。
固定値の場合はチェックを入れるとヘッダが表示されます。
変数値の場合は値が「true」の変数をセットするとヘッダが表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入出力
固定値
変数値
なし
11.3.3.2.2.2.1.1.2. showFooter
テーブルのフッタを表示するか指定します。
固定値の場合はチェックを入れるとフッタが表示されます。
変数値の場合は値が「true」の変数をセットするとフッタが表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし
11.3.3.2.2.2.1.1.3. showBorder
テーブルの枠線を表示するか指定します。
固定値の場合はチェックを入れると枠線を表示します。
変数値の場合は値が「true」の変数をセットすると枠線を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし
11.3.3.2.2.2.1.1.4. stripe
テーブルの背景色を列ごとに交互に変えるか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入力のみ 固定値 なし
11.3.3.2.2.2.1.1.5. narrow
テーブルの幅を最小サイズにします。
画面幅に応じてカラムの幅を最小にしたい場合は mobile、tabletなどのブレークポイントが指定されているものを利用してください。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入力のみ 固定値 なし
11.3.3.2.2.2.1.1.6. hoverable
テーブルの行にホバーした際に行をハイライトするか指定します。
固定値の場合はチェックを入れるとホバーした際に行をハイライトします。
変数値の場合は値が「true」の変数をセットするとホバーした際に行をハイライトします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入出力
固定値
変数値
なし
11.3.3.2.2.2.1.1.7. fullwidth
テーブルの横幅を最大にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入力のみ 固定値 なし
11.3.3.2.2.2.1.1.8. columnCount
テーブルの列数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 5 必須 入力のみ 固定値 なし
11.3.3.2.2.2.1.1.9. list
テーブルに紐づける配列の変数を指定します。
エレメントは配列の長さと同じ数描画されます。
指定できる値:配列の変数
事前に変数エディタ上で配列の変数を作成してください。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
入力欄なし   必須 入出力 変数値 なし
11.3.3.2.2.2.2. テーブルセル
11.3.3.2.2.2.3. テーブルヘッダセル

11.3.3.2.3. フィールドエレメント配置アイテム(繰り返し)

フィールドに配置できるエレメントを繰り返し配置するエレメントです。
listプロパティで指定した配列の要素数分エレメントが配置されます。
「フィールド」エレメントの配下に配置します。

11.3.3.2.3.1. エレメント固有プロパティ

11.3.3.2.3.1.1. list
フィールドに紐づける配列の変数を指定します。
エレメントは配列の長さと同じ数描画されます。
指定できる値:配列の変数
事前に変数エディタ上で配列の変数を作成してください。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
入力欄なし   必須 入出力 変数値 なし

11.3.3.3. フォーム部品(Bulma)

11.3.3.3.1. フィールド

入力・送信フォームを作成するためのエレメントです。
項目同士の配置を指定できるエレメントです。
../../../_images/ImBulmaField.png

11.3.3.3.1.1. エレメント固有プロパティ

11.3.3.3.1.1.1. grouping
配下のエレメントをグループ化します。
左揃え、右揃え、中央揃えのいずれかを指定し、配下のエレメントを改行させず横並びに配置できます。
grouped multilineを指定した場合は、折り返して複数行に渡り配置できます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
grouped
grouped centered
grouped right
grouped multiline
11.3.3.3.1.1.2. addon
配下のフォーム部品をつなげて配置します。
左揃え、右揃え、中央揃えのいずれかを指定できます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
addons
addons centered
addons right
11.3.3.3.1.1.3. showLabel
ラベルを表示するか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.3.1.1.4. showHelp
フォーム部品を説明するヘルプを表示するか指定します。
固定値の場合はチェックを入れるとヘルプを表示します。
変数値の場合は値が「true」の変数をセットするとヘルプを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.1.1.5. showValidationErrorMessage
変数の入力規則エラーが発生した時にエラーメッセージを表示するか指定します。
固定値の場合はチェックを入れると変数の入力規則エラーが発生した時にエラーメッセージを表示します。
変数値の場合は値が「true」の変数をセットすると変数の入力規則エラーが発生した時にエラーメッセージを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし

11.3.3.3.1.2. 子エレメント

11.3.3.3.1.2.1. フィールドラベル
11.3.3.3.1.2.1.1. エレメント固有プロパティ
11.3.3.3.1.2.1.1.1. label
ラベルに表示する文字列を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Label 任意 入出力
固定値
変数値
なし
11.3.3.3.1.2.1.1.2. size
ラベルのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.1.2.1.1.3. requiredLabel
入力必須かどうかを判別するラベルを表示します。
「required-asterisk」、「required」、「optional」が指定できます。
固定値の場合はプルダウンから値を選択します。
変数値の場合はプルダウンの選択肢と同じ値を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
required-asterisk
required
optional
11.3.3.3.1.2.2. フィールドコンテンツ
11.3.3.3.1.2.3. フィールドヘルプ
11.3.3.3.1.2.3.1. エレメント固有プロパティ
11.3.3.3.1.2.3.1.1. textContent
ヘルプに表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 TextContent 任意 入出力
固定値
変数値
なし
11.3.3.3.1.2.3.1.2. color
ヘルプの文字の色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.1.2.3.1.3. showIcon
アイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし
11.3.3.3.1.2.4. アイコン
11.3.3.3.1.2.4.1. エレメント固有プロパティ
11.3.3.3.1.2.4.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.1.2.4.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.1.2.4.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.1.2.4.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.1.2.4.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.1.2.4.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.1.2.4.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.1.2.5. 入力規則エラーメッセージ
11.3.3.3.1.2.5.1. エレメント固有プロパティ
11.3.3.3.1.2.5.1.1. variable
入力規則チェックを行う変数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力 変数値 なし
11.3.3.3.1.2.5.1.2. caption
エラーメッセージに表示する入力項目名を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.1.2.5.1.3. color
エラーメッセージの文字の色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 danger 任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.1.2.5.1.4. showIcon
アイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし

11.3.3.3.2. 水平フィールド

入力・送信フォームを作成するためのエレメントです。
項目を水平方向に配置できるエレメントです。
../../../_images/ImBulmaHorizontalField.png

11.3.3.3.2.1. 子エレメント

11.3.3.3.2.1.1. 水平フィールドラベル
11.3.3.3.2.1.1.1. エレメント固有プロパティ
11.3.3.3.2.1.1.1.1. label
ラベルに表示する文字列を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Label 任意 入出力
固定値
変数値
なし
11.3.3.3.2.1.1.1.2. size
ラベルのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.2.1.1.1.3. requiredLabel
入力必須かどうかを判別するラベルを表示します。
「required-asterisk」、「required」、「optional」が指定できます。
固定値の場合はプルダウンから値を選択します。
変数値の場合はプルダウンの選択肢と同じ値を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
required-asterisk
required
optional
11.3.3.3.2.1.2. 水平フィールドボディ
11.3.3.3.2.1.3. フィールド
入力・送信フォームを作成するためのエレメントです。
項目同士の配置を指定できるエレメントです。
../../../_images/ImBulmaField.png
11.3.3.3.2.1.3.1. エレメント固有プロパティ
11.3.3.3.2.1.3.1.1. grouping
配下のエレメントをグループ化します。
左揃え、右揃え、中央揃えのいずれかを指定し、配下のエレメントを改行させず横並びに配置できます。
grouped multilineを指定した場合は、折り返して複数行に渡り配置できます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
grouped
grouped centered
grouped right
grouped multiline
11.3.3.3.2.1.3.1.2. addon
配下のフォーム部品をつなげて配置します。
左揃え、右揃え、中央揃えのいずれかを指定できます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
addons
addons centered
addons right
11.3.3.3.2.1.3.1.3. showLabel
ラベルを表示するか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.3.2.1.3.1.4. showHelp
フォーム部品を説明するヘルプを表示するか指定します。
固定値の場合はチェックを入れるとヘルプを表示します。
変数値の場合は値が「true」の変数をセットするとヘルプを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.2.1.3.1.5. showValidationErrorMessage
変数の入力規則エラーが発生した時にエラーメッセージを表示するか指定します。
固定値の場合はチェックを入れると変数の入力規則エラーが発生した時にエラーメッセージを表示します。
変数値の場合は値が「true」の変数をセットすると変数の入力規則エラーが発生した時にエラーメッセージを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.2.1.4. フィールドラベル
11.3.3.3.2.1.4.1. エレメント固有プロパティ
11.3.3.3.2.1.4.1.1. label
ラベルに表示する文字列を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Label 任意 入出力
固定値
変数値
なし
11.3.3.3.2.1.4.1.2. size
ラベルのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.2.1.4.1.3. requiredLabel
入力必須かどうかを判別するラベルを表示します。
「required-asterisk」、「required」、「optional」が指定できます。
固定値の場合はプルダウンから値を選択します。
変数値の場合はプルダウンの選択肢と同じ値を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
required-asterisk
required
optional
11.3.3.3.2.1.5. フィールドコンテンツ
11.3.3.3.2.1.6. フィールドヘルプ
11.3.3.3.2.1.6.1. エレメント固有プロパティ
11.3.3.3.2.1.6.1.1. textContent
ヘルプに表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 TextContent 任意 入出力
固定値
変数値
なし
11.3.3.3.2.1.6.1.2. color
ヘルプの文字の色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.2.1.6.1.3. showIcon
アイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし
11.3.3.3.2.1.7. アイコン
11.3.3.3.2.1.7.1. エレメント固有プロパティ
11.3.3.3.2.1.7.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.2.1.7.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.2.1.7.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.2.1.7.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.2.1.7.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.2.1.7.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.2.1.7.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.2.1.8. 入力規則エラーメッセージ
11.3.3.3.2.1.8.1. エレメント固有プロパティ
11.3.3.3.2.1.8.1.1. variable
入力規則チェックを行う変数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力 変数値 なし
11.3.3.3.2.1.8.1.2. caption
エラーメッセージに表示する入力項目名を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.2.1.8.1.3. color
エラーメッセージの文字の色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 danger 任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.2.1.8.1.4. showIcon
アイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし

11.3.3.3.3. テキスト入力

テキストボックスを一行で表示するエレメントです。
「フィールド」エレメントの配下に配置します。
../../../_images/ImBulmaInputTextControl.png

11.3.3.3.3.1. エレメント固有プロパティ

11.3.3.3.3.1.1. showLeftIcon
エレメントの左側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 任意 入出力
固定値
変数値
なし
11.3.3.3.3.1.2. showRightIcon
エレメントの右側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.3.1.3. expanded
エレメントの幅を広げ、全幅にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.3.2. 子エレメント

11.3.3.3.3.2.1. アイコン
11.3.3.3.3.2.1.1. エレメント固有プロパティ
11.3.3.3.3.2.1.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.3.2.1.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.3.2.1.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.3.2.1.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.3.2.1.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.3.2.1.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.3.2.1.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.3.2.2. テキスト入力要素
11.3.3.3.3.2.2.1. エレメント固有プロパティ
11.3.3.3.3.2.2.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、文字の入力が不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.3.2.2.1.2. readonly
エレメントを読み取り専用にするか指定します。
固定値の場合はチェックを入れるとエレメントが読み取り専用になります。
変数値の場合は値が「true」の変数をセットするとエレメントが読み取り専用になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.3.2.2.1.3. static
エレメントの枠を非表示にするか指定します。
readonly と組み合わせることで、ラベルのように表示させることが可能です。
固定値の場合はチェックを入れるとエレメントの枠を非表示にします。
変数値の場合は値が「true」の変数をセットするとエレメントの枠を非表示にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.3.2.2.1.4. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.3.2.2.1.5. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.3.2.2.1.6. placeholder
エレメントが空欄のときに入力例を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.3.2.2.1.7. value
エレメントに表示する値を指定します。
文字列で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Text 必須 入出力
固定値
変数値
なし
11.3.3.3.3.2.2.1.8. emptyValueToNull
入力内容をクリアした際に、「value」プロパティの値を空文字にするかnullにするか指定します。
チェックを入れた場合、入力内容をクリアした時の「value」プロパティの値はnullになります。
チェックを入れていない場合、入力内容をクリアした時の「value」プロパティの値は空文字になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.3.3.2.2.1.9. maxLength
入力できる最大文字数を指定します。
半角数字で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力   任意 入出力
固定値
変数値
なし
11.3.3.3.3.2.2.1.10. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.3.2.2.1.11. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.3.2.2.1.12. rounded
エレメントの端を丸くするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.4. 数値入力

数値ボックスを表示するエレメントです。
「フィールド」エレメントの配下に配置します。
このエレメントはブラウザごとに動作が異なります。
../../../_images/ImBulmaInputNumberControl.png

11.3.3.3.4.1. エレメント固有プロパティ

11.3.3.3.4.1.1. showLeftIcon
エレメントの左側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 任意 入出力
固定値
変数値
なし
11.3.3.3.4.1.2. showRightIcon
エレメントの右側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.4.1.3. expanded
エレメントの幅を広げ、全幅にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.4.2. 子エレメント

11.3.3.3.4.2.1. アイコン
11.3.3.3.4.2.1.1. エレメント固有プロパティ
11.3.3.3.4.2.1.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.4.2.1.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.4.2.1.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.4.2.1.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.1.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.4.2.1.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.1.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.4.2.2. 数値入力要素
11.3.3.3.4.2.2.1. エレメント固有プロパティ
11.3.3.3.4.2.2.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、文字の入力が不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.2.1.2. readonly
エレメントを読み取り専用にするか指定します。
固定値の場合はチェックを入れるとエレメントが読み取り専用になります。
変数値の場合は値が「true」の変数をセットするとエレメントが読み取り専用になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.2.1.3. static
エレメントの枠を非表示にするか指定します。
readonly と組み合わせることで、ラベルのように表示させることが可能です。
固定値の場合はチェックを入れるとエレメントの枠を非表示にします。
変数値の場合は値が「true」の変数をセットするとエレメントの枠を非表示にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.2.1.4. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.2.1.5. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.2.1.6. placeholder
エレメントが空欄のときに入力例を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.2.1.7. value
エレメントに表示する値を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
数値入力 0 必須 入出力
固定値
変数値
なし
11.3.3.3.4.2.2.1.8. step
上下の矢印を使って値を調整する際の刻み値を指定します。
数値で指定します。例:「value」に「0」、「step」に「2」を設定したとき、正の方向に値を調整すると0、2、4…と加算されます。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
数値入力   任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.2.1.9. max
エレメントで受け付ける最大値を指定します。
数値で指定します。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
数値入力   任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.2.1.10. min
エレメントで受け付ける最小値を指定します。
数値で指定します。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
数値入力   任意 入出力
固定値
変数値
なし
11.3.3.3.4.2.2.1.11. inputmode
スマートフォンなどモバイル画面表示時の入力時に表示されるソフトウェアキーボードの種類を指定します。
text: 標準的な入力キーボードです。
numeric: 数字入力可能なキーボードを表示します。
decimal: 実数と区切り文字が入力可能なキーボードを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 numeric 任意 入力のみ 固定値
text
numeric
decimal
11.3.3.3.4.2.2.1.12. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.4.2.2.1.13. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.4.2.2.1.14. rounded
エレメントの端を丸くするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.5. 数値入力(フォーマット)

数値ボックスを表示するエレメントです。3桁区切りや0埋めのフォーマットを利用できます。
「フィールド」エレメントの配下に配置します。
このエレメントはブラウザごとに動作が異なります。
../../../_images/ImBulmaInputFormattedNumberControl.png

11.3.3.3.5.1. エレメント固有プロパティ

11.3.3.3.5.1.1. showLeftIcon
エレメントの左側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 任意 入出力
固定値
変数値
なし
11.3.3.3.5.1.2. showRightIcon
エレメントの右側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.5.1.3. expanded
エレメントの幅を広げ、全幅にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.5.2. 子エレメント

11.3.3.3.5.2.1. アイコン
11.3.3.3.5.2.1.1. エレメント固有プロパティ
11.3.3.3.5.2.1.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.5.2.1.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.5.2.1.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.5.2.1.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.1.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.5.2.1.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.1.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.5.2.2. 数値入力(フォーマット)要素
11.3.3.3.5.2.2.1. エレメント固有プロパティ
11.3.3.3.5.2.2.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、文字の入力が不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.2. readonly
エレメントを読み取り専用にするか指定します。
固定値の場合はチェックを入れるとエレメントが読み取り専用になります。
変数値の場合は値が「true」の変数をセットするとエレメントが読み取り専用になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.3. static
エレメントの枠を非表示にするか指定します。
readonly と組み合わせることで、ラベルのように表示させることが可能です。
固定値の場合はチェックを入れるとエレメントの枠を非表示にします。
変数値の場合は値が「true」の変数をセットするとエレメントの枠を非表示にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.4. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.5. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.6. placeholder
エレメントが空欄のときに入力例を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.7. value
エレメントに表示する値を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
数値入力 0 必須 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.8. step
上下の矢印を使って値を調整する際の刻み値を指定します。
数値で指定します。例:「value」に「0」、「step」に「2」を設定したとき、正の方向に値を調整すると0、2、4…と加算されます。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
数値入力   任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.9. max
エレメントで受け付ける最大値を指定します。
数値で指定します。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
数値入力   任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.10. min
エレメントで受け付ける最小値を指定します。
数値で指定します。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
数値入力   任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.11. decimalFormat
3桁区切りの方法を指定します。
<なし>: 3桁区切りせず表示します。
3桁カンマ・小数点ピリオド: 123,456,789.123
3桁ピリオド・小数点カンマ: 123.456.789,123
アカウントの設定: ユーザがアカウントの個人設定で指定した数値形式で表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 comma_period 任意 入力のみ 固定値 <なし>
11.3.3.3.5.2.2.1.12. fractionalPartLength
小数点以下の桁数を指定します。
0から20までの整数を指定できます。
固定値の場合はテキストボックスに直接数値を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
例:「value」に「1」、「fractionalPartLength」に「2」を設定したとき、1.00が表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 0 任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.13. round
value プロパティに設定した値の小数部桁数が fractionalPartLength プロパティに設定した値より大きい場合の端数処理の方法を指定します。
「そのまま表示」を選択すると、小数点以下を処理をせずにそのまま表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 四捨五入 任意 入力のみ 固定値
そのまま表示
切り捨て
切り上げ
四捨五入
11.3.3.3.5.2.2.1.14. saveRoundedValue
端数処理をした数値を「value」プロパティに保存するかどうかを指定します。
保存しない場合、表示される値は端数処理をした値、「value」プロパティの値は端数処理をしていない値になります。
固定値の場合はチェックを入れると端数処理した値を「value」プロパティに保存します。
変数値の場合は値が「true」の変数をセットすると端数処理した値を「value」プロパティに保存します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.5.2.2.1.15. inputmode
スマートフォンなどモバイル画面表示時の入力時に表示されるソフトウェアキーボードの種類を指定します。
text: 標準的な入力キーボードです。
numeric: 数字入力可能なキーボードを表示します。
decimal: 実数と区切り文字が入力可能なキーボードを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 numeric 任意 入力のみ 固定値
text
numeric
decimal
11.3.3.3.5.2.2.1.16. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.5.2.2.1.17. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.5.2.2.1.18. rounded
エレメントの端を丸くするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.6. パスワード入力

パスワードボックスを一行で表示するエレメントです。
「フィールド」エレメントの配下に配置します。
../../../_images/ImBulmaInputPasswordControl.png

11.3.3.3.6.1. エレメント固有プロパティ

11.3.3.3.6.1.1. showLeftIcon
エレメントの左側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 任意 入出力
固定値
変数値
なし
11.3.3.3.6.1.2. showRightIcon
エレメントの右側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.6.1.3. expanded
エレメントの幅を広げ、全幅にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.6.2. 子エレメント

11.3.3.3.6.2.1. アイコン
11.3.3.3.6.2.1.1. エレメント固有プロパティ
11.3.3.3.6.2.1.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.6.2.1.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.6.2.1.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.6.2.1.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.6.2.1.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.6.2.1.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.6.2.1.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.6.2.2. パスワード入力要素
11.3.3.3.6.2.2.1. エレメント固有プロパティ
11.3.3.3.6.2.2.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、文字の入力が不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.6.2.2.1.2. readonly
エレメントを読み取り専用にするか指定します。
固定値の場合はチェックを入れるとエレメントが読み取り専用になります。
変数値の場合は値が「true」の変数をセットするとエレメントが読み取り専用になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.6.2.2.1.3. static
エレメントの枠を非表示にするか指定します。
readonly と組み合わせることで、ラベルのように表示させることが可能です。
固定値の場合はチェックを入れるとエレメントの枠を非表示にします。
変数値の場合は値が「true」の変数をセットするとエレメントの枠を非表示にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.6.2.2.1.4. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.6.2.2.1.5. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.6.2.2.1.6. placeholder
エレメントが空欄のときに入力例を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.6.2.2.1.7. value
エレメントに表示する値を指定します。
文字列で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.6.2.2.1.8. maxLength
入力できる最大文字数を指定します。
半角数字で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力   任意 入出力
固定値
変数値
なし
11.3.3.3.6.2.2.1.9. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.6.2.2.1.10. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.6.2.2.1.11. rounded
エレメントの端を丸くするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.7. メールアドレス入力

メールアドレスを入力するためのテキストボックスを一行で表示するエレメントです。
「フィールド」エレメントの配下に配置します。
このエレメントはブラウザごとに動作が異なります。
../../../_images/ImBulmaInputEmailControl.png

11.3.3.3.7.1. エレメント固有プロパティ

11.3.3.3.7.1.1. showLeftIcon
エレメントの左側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 任意 入出力
固定値
変数値
なし
11.3.3.3.7.1.2. showRightIcon
エレメントの右側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.7.1.3. expanded
エレメントの幅を広げ、全幅にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.7.2. 子エレメント

11.3.3.3.7.2.1. アイコン
11.3.3.3.7.2.1.1. エレメント固有プロパティ
11.3.3.3.7.2.1.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.7.2.1.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.7.2.1.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.7.2.1.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.7.2.1.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.7.2.1.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.7.2.1.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.7.2.2. メールアドレス入力要素
11.3.3.3.7.2.2.1. エレメント固有プロパティ
11.3.3.3.7.2.2.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、文字の入力が不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.7.2.2.1.2. readonly
エレメントを読み取り専用にするか指定します。
固定値の場合はチェックを入れるとエレメントが読み取り専用になります。
変数値の場合は値が「true」の変数をセットするとエレメントが読み取り専用になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.7.2.2.1.3. static
エレメントの枠を非表示にするか指定します。
readonly と組み合わせることで、ラベルのように表示させることが可能です。
固定値の場合はチェックを入れるとエレメントの枠を非表示にします。
変数値の場合は値が「true」の変数をセットするとエレメントの枠を非表示にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.7.2.2.1.4. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.7.2.2.1.5. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.7.2.2.1.6. placeholder
エレメントが空欄のときに入力例を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.7.2.2.1.7. value
エレメントに表示する値を指定します。
文字列で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 sample@example.com 必須 入出力
固定値
変数値
なし
11.3.3.3.7.2.2.1.8. maxLength
入力できる最大文字数を指定します。
半角数字で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力   任意 入出力
固定値
変数値
なし
11.3.3.3.7.2.2.1.9. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.7.2.2.1.10. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.7.2.2.1.11. rounded
エレメントの端を丸くするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.8. 電話番号入力

電話番号を入力するためのテキストボックスを一行で表示するエレメントです。
「フィールド」エレメントの配下に配置します。
このエレメントはブラウザごとに動作が異なります。
../../../_images/ImBulmaInputTelControl.png

11.3.3.3.8.1. エレメント固有プロパティ

11.3.3.3.8.1.1. showLeftIcon
エレメントの左側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 任意 入出力
固定値
変数値
なし
11.3.3.3.8.1.2. showRightIcon
エレメントの右側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.8.1.3. expanded
エレメントの幅を広げ、全幅にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.8.2. 子エレメント

11.3.3.3.8.2.1. アイコン
11.3.3.3.8.2.1.1. エレメント固有プロパティ
11.3.3.3.8.2.1.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.8.2.1.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.8.2.1.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.8.2.1.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.8.2.1.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.8.2.1.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.8.2.1.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.8.2.2. 電話番号入力要素
11.3.3.3.8.2.2.1. エレメント固有プロパティ
11.3.3.3.8.2.2.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、文字の入力が不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.8.2.2.1.2. readonly
エレメントを読み取り専用にするか指定します。
固定値の場合はチェックを入れるとエレメントが読み取り専用になります。
変数値の場合は値が「true」の変数をセットするとエレメントが読み取り専用になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.8.2.2.1.3. static
エレメントの枠を非表示にするか指定します。
readonly と組み合わせることで、ラベルのように表示させることが可能です。
固定値の場合はチェックを入れるとエレメントの枠を非表示にします。
変数値の場合は値が「true」の変数をセットするとエレメントの枠を非表示にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.8.2.2.1.4. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.8.2.2.1.5. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.8.2.2.1.6. placeholder
エレメントが空欄のときに入力例を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.8.2.2.1.7. value
エレメントに表示する値を指定します。
文字列で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 123-4567-8901 必須 入出力
固定値
変数値
なし
11.3.3.3.8.2.2.1.8. maxLength
入力できる最大文字数を指定します。
半角数字で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力   任意 入出力
固定値
変数値
なし
11.3.3.3.8.2.2.1.9. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.8.2.2.1.10. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.8.2.2.1.11. rounded
エレメントの端を丸くするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.9. 日付入力

日付の入力フォームを表示するエレメントです。
「フィールド」エレメントの配下に配置します。
このエレメントは Internet Explorer では動作しません。
また、ブラウザごとに動作が異なります。
../../../_images/ImBulmaInputDateControl.png

11.3.3.3.9.1. エレメント固有プロパティ

11.3.3.3.9.1.1. showLeftIcon
エレメントの左側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 任意 入出力
固定値
変数値
なし
11.3.3.3.9.1.2. showRightIcon
エレメントの右側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.9.1.3. expanded
エレメントの幅を広げ、全幅にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.9.2. 子エレメント

11.3.3.3.9.2.1. アイコン
11.3.3.3.9.2.1.1. エレメント固有プロパティ
11.3.3.3.9.2.1.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.9.2.1.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.9.2.1.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.9.2.1.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.9.2.1.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.9.2.1.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.9.2.1.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.9.2.2. 日付入力要素
11.3.3.3.9.2.2.1. エレメント固有プロパティ
11.3.3.3.9.2.2.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、文字の入力が不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.9.2.2.1.2. readonly
エレメントを読み取り専用にするか指定します。
固定値の場合はチェックを入れるとエレメントが読み取り専用になります。
変数値の場合は値が「true」の変数をセットするとエレメントが読み取り専用になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.9.2.2.1.3. static
エレメントの枠を非表示にするか指定します。
readonly と組み合わせることで、ラベルのように表示させることが可能です。
固定値の場合はチェックを入れるとエレメントの枠を非表示にします。
変数値の場合は値が「true」の変数をセットするとエレメントの枠を非表示にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.9.2.2.1.4. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.9.2.2.1.5. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.9.2.2.1.6. value
日付入力エレメントの値を指定します。
値の型が日付・時刻の変数を指定してください。
変数を指定し日付入力を行った場合、「value」プロパティに指定した変数には、ログインユーザのタイムゾーンにおける 0:00 で日時が設定されます。

例:ログインユーザのタイムゾーンが「(GMT+09:00) 日本/東京」であり、「value」プロパティに変数「key1」を指定した場合
プレビュー、及び、実行画面で日付入力実行後の変数「key1」値は、「選択した年-月-日T00:00:00.000+0900」となります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力 変数値 なし
11.3.3.3.9.2.2.1.7. max
選択できる最大日付を指定します。
値の型が日付・時刻の変数を指定します。
未指定の場合、「9999-12-31」が設定されます。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力 変数値 なし
11.3.3.3.9.2.2.1.8. min
選択できる最小日付を指定します。
値の型が日付・時刻の変数を指定します。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力 変数値 なし
11.3.3.3.9.2.2.1.9. preserveTime
日付入力時に時刻を保持するかどうかを指定します。
時刻を保持する場合は入力した日付と、「value」プロパティに指定した変数の時刻部分を格納します。
時刻を保持しない場合は時刻としてログインユーザのタイムゾーンにおける 00:00:00 を使用します。
固定値の場合はチェックを入れると時刻を保持します。
変数値の場合は値が「true」の変数をセットすると時刻を保持します。

例:ログインユーザのタイムゾーンが +0900 かつ「value」プロパティに 2022-01-01T12:34:56.123+0030 が格納されている状態で、 2月1日 を入力します。
時刻を保持する場合は 2022-02-01T12:34:56.123+0030 が格納されます。
時刻保持しない場合は 2022-02-01T00:00:00+0900 が格納されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.9.2.2.1.10. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.9.2.2.1.11. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.9.2.2.1.12. rounded
エレメントの端を丸くするかどうかを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.10. 時刻入力

時刻の入力フォームを表示するエレメントです。
「フィールド」エレメントの配下に配置します。
このエレメントは Internet Explorer では動作しません。
また、ブラウザごとに動作が異なります。
../../../_images/ImBulmaInputTimeControl.png

11.3.3.3.10.1. エレメント固有プロパティ

11.3.3.3.10.1.1. showLeftIcon
エレメントの左側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 任意 入出力
固定値
変数値
なし
11.3.3.3.10.1.2. showRightIcon
エレメントの右側にアイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.10.1.3. expanded
エレメントの幅を広げ、全幅にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.10.2. 子エレメント

11.3.3.3.10.2.1. アイコン
11.3.3.3.10.2.1.1. エレメント固有プロパティ
11.3.3.3.10.2.1.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.10.2.1.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.10.2.1.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.10.2.1.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.10.2.1.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.10.2.1.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.10.2.1.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.10.2.2. 時刻入力要素
11.3.3.3.10.2.2.1. エレメント固有プロパティ
11.3.3.3.10.2.2.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、文字の入力が不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.10.2.2.1.2. readonly
エレメントを読み取り専用にするか指定します。
固定値の場合はチェックを入れるとエレメントが読み取り専用になります。
変数値の場合は値が「true」の変数をセットするとエレメントが読み取り専用になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.10.2.2.1.3. static
エレメントの枠を非表示にするか指定します。
readonly と組み合わせることで、ラベルのように表示させることが可能です。
固定値の場合はチェックを入れるとエレメントの枠を非表示にします。
変数値の場合は値が「true」の変数をセットするとエレメントの枠を非表示にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.10.2.2.1.4. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.10.2.2.1.5. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.10.2.2.1.6. value
時刻入力エレメントの値を指定します。
値の型が日付・時刻の変数を指定してください。

時刻入力と日付入力の「value」プロパティに同じ変数を指定し、日付入力で日付を選択するとその時刻には「00:00」がセットされます。
時刻を保持したい場合は、日付入力の「preserveTime」プロパティを有効にしてください。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力 変数値 なし
11.3.3.3.10.2.2.1.7. max
選択できる最大時刻を指定します。
固定値の場合は「9:00」や「09:00:00」などの時刻を表す値を指定してください。
変数値の場合は値が日付・時刻、または、時刻を表す文字列の変数を指定してください。
未指定の場合、「23:59:59」が設定されます。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.10.2.2.1.8. min
選択できる最小時刻を指定します。
固定値の場合は「9:00」や「09:00:00」などの時刻を表す値を指定してください。
変数値の場合は値が日付・時刻、または、時刻を表す文字列の変数を指定してください。
未指定の場合、「00:00:00」が設定されます。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.10.2.2.1.9. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.10.2.2.1.10. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.10.2.2.1.11. rounded
エレメントの端を丸くするかどうかを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.3.10.2.2.1.12. showSeconds
秒を表示するかどうかを指定します。
固定値の場合はチェックを入れるとエレメントが秒を表示します。
変数値の場合は値が「true」の変数をセットするとエレメントが秒を表示します。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.10.2.2.1.13. appliedTimeZone
「value」プロパティに保存されるタイムゾーンの設定をします。
variable: 変数に設定された時刻のタイムゾーンを利用して時刻を保存します。
account-context: アカウントコンテキストのタイムゾーンを利用して時刻を保存します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 account-context 任意 入力のみ 固定値
variable
account-context
11.3.3.3.10.2.2.1.14. isError
入力された時刻が最小値、最大値の範囲外かどうかを取得します。
値の型が真偽値の変数を指定してください。
入力値が設定した最小値より小さい場合、または、最大値より大きい場合は「true」、そうでない場合は「false」が指定した変数に格納されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力   任意 入出力 変数値 なし

11.3.3.3.11. テキストエリア

テキストエリアを表示するエレメントです。
「フィールド」エレメントの配下に配置します。
../../../_images/ImBulmaTextareaControl.png

11.3.3.3.11.1. 子エレメント

11.3.3.3.11.1.1. テキストエリア要素
11.3.3.3.11.1.1.1. エレメント固有プロパティ
11.3.3.3.11.1.1.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、文字の入力が不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.11.1.1.1.2. readonly
エレメントを読み取り専用にするか指定します。
固定値の場合はチェックを入れるとエレメントが読み取り専用になります。
変数値の場合は値が「true」の変数をセットするとエレメントが読み取り専用になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.11.1.1.1.3. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.11.1.1.1.4. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.11.1.1.1.5. value
エレメントに表示する値を指定します。
文字列で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 TextArea 必須 入出力
固定値
変数値
なし
11.3.3.3.11.1.1.1.6. emptyValueToNull
入力内容をクリアした際に、「value」プロパティの値を空文字にするかnullにするか指定します。
チェックを入れた場合、入力内容をクリアした時の「value」プロパティの値はnullになります。
チェックを入れていない場合、入力内容をクリアした時の「value」プロパティの値は空文字になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.3.11.1.1.1.7. placeholder
エレメントが空欄のときに入力例を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.11.1.1.1.8. maxLength
入力できる最大文字数を指定します。
半角数字で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力   任意 入出力
固定値
変数値
なし
11.3.3.3.11.1.1.1.9. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.11.1.1.1.10. rows
表示するテキストの行数を指定します。
半角数字で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 2 任意 入出力
固定値
変数値
なし
11.3.3.3.11.1.1.1.11. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.11.1.1.1.12. fixedSize
テキストエリアのリサイズを不可能にするか指定します。
チェックを入れるとリサイズを不可能にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.12. プルダウン

プルダウンを表示するエレメントです。
「フィールド」エレメントの配下に配置します。
../../../_images/ImBulmaSelectControl.png

11.3.3.3.12.1. エレメント固有プロパティ

11.3.3.3.12.1.1. showIcon
アイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 任意 入出力
固定値
変数値
なし

11.3.3.3.12.2. 子エレメント

11.3.3.3.12.2.1. アイコン
11.3.3.3.12.2.1.1. エレメント固有プロパティ
11.3.3.3.12.2.1.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.12.2.1.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.12.2.1.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.12.2.1.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.12.2.1.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.3.12.2.1.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.12.2.1.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.3.12.2.2. プルダウン要素
11.3.3.3.12.2.2.1. エレメント固有プロパティ
11.3.3.3.12.2.2.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、クリックが不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.12.2.2.1.2. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.12.2.2.1.3. labels
エレメント内の選択肢として表示される値を指定します。
文字列を指定できます。
固定値の場合、改行を入れることで複数の値を入力できます。
変数値の場合は表示したい情報を持つ変数をセットします。
事前に変数エディタ上で文字列かつ配列の変数を作成してください。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.12.2.2.1.4. values
labelsに対応する値を指定します。
文字列を指定できます。
固定値の場合、改行を入れることで複数の値を入力できます。
変数値の場合は表示したい情報を持つ変数をセットします。
事前に変数エディタ上で文字列かつ配列の変数を作成してください。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.12.2.2.1.5. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.12.2.2.1.6. value
サーバに送信するデータを指定します。
文字列を指定できます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.12.2.2.1.7. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.12.2.2.1.8. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.12.2.2.1.9. fullwidth
エレメントの横幅を最大にするか指定します。
チェックを入れると横幅を最大にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.3.12.2.2.1.10. rounded
エレメントの端を丸くするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.13. 複数選択

複数選択が可能なメニュー項目を表示するエレメントです。
「フィールド」エレメントの配下に配置します。
このエレメントはブラウザごとに動作が異なります。
../../../_images/ImBulmaListBoxControl.png

11.3.3.3.13.1. 子エレメント

11.3.3.3.13.1.1. 複数選択要素
11.3.3.3.13.1.1.1. エレメント固有プロパティ
11.3.3.3.13.1.1.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、クリックが不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.13.1.1.1.2. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.13.1.1.1.3. labels
エレメント内の選択肢として表示される値を指定します。
固定値の場合は文字列を指定します。改行を入れることで複数の値を入力できます。
変数値の場合は文字列の配列を指定します。表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.13.1.1.1.4. values
エレメント内の選択肢における実際の値を指定します。
文字列を指定できます。
固定値の場合、改行を入れることで複数の値を入力できます。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.13.1.1.1.5. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.13.1.1.1.6. value
サーバに送信するデータを指定します。
文字列を指定できます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力 変数値 なし
11.3.3.3.13.1.1.1.7. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
info
link
success
warning
danger
11.3.3.3.13.1.1.1.8. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.3.13.1.1.1.9. fullwidth
エレメントの横幅を最大にするか指定します。
チェックを入れると横幅を最大にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.3.14. チェックボックス

チェックボックスを表示するエレメントです。
「フィールド」エレメントの配下に配置します。
../../../_images/ImBulmaCheckboxControl.png

11.3.3.3.14.1. 子エレメント

11.3.3.3.14.1.1. チェックボックス要素
11.3.3.3.14.1.1.1. エレメント固有プロパティ
11.3.3.3.14.1.1.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 CheckBox 任意 入出力
固定値
変数値
なし
11.3.3.3.14.1.1.1.2. disabled
エレメントの動作を無効化します。
無効化された場合、クリックが不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.14.1.1.1.3. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.14.1.1.1.4. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.14.1.1.1.5. value
フォームの送信先に送る値を指定します。
文字列を指定できます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.14.1.1.1.6. checked
チェックボックスにチェックをつけた状態で表示するか指定します。
固定値の場合はチェックを入れるとチェックボックスにチェックがついた状態になります。
変数値の場合は値が「true」の変数をセットするとチェックボックスにチェックがついた状態になります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし

11.3.3.3.15. ラジオボタン

ラジオボタンを表示するエレメントです。
「フィールド」エレメントの配下に配置します。
../../../_images/ImBulmaRadioControl.png

11.3.3.3.15.1. 子エレメント

11.3.3.3.15.1.1. ラジオボタン要素
11.3.3.3.15.1.1.1. エレメント固有プロパティ
11.3.3.3.15.1.1.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 RadioButton 任意 入出力
固定値
変数値
なし
11.3.3.3.15.1.1.1.2. disabled
エレメントの動作を無効化します。
無効化された場合、クリックが不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.15.1.1.1.3. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.15.1.1.1.4. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.15.1.1.1.5. value
フォームの送信先に送る値を指定します。
文字列を指定できます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.3.15.1.1.1.6. selected
ラジオボタンを選択状態にする場合は、valueプロパティと同じ値を指定します。
ラジオボタンを非選択にする場合は、valueプロパティと異なる値を指定します。
このラジオボタンが選択状態になったとき、valueプロパティの値がselectedの値としてセットされます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし

11.3.3.3.16. テキスト表示

読み取り専用のテキストボックスを一行で表示するエレメントです。
「フィールド」エレメントの配下に配置します。
../../../_images/ImBulmaDisplayTextControl.png

11.3.3.3.16.1. 子エレメント

11.3.3.3.16.1.1. テキスト表示要素
11.3.3.3.16.1.1.1. エレメント固有プロパティ
11.3.3.3.16.1.1.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、フォームを送信しても値の送信が行われなくなります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.16.1.1.1.2. name
エレメントの名前を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.16.1.1.1.3. value
エレメントに表示する値を指定します。
文字列で指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Text 必須 入出力
固定値
変数値
なし
11.3.3.3.16.1.1.1.4. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large

11.3.3.3.17. ボタン

ボタンを表示するエレメントです。
../../../_images/ImBulmaButtonControl.png

11.3.3.3.17.1. 子エレメント

11.3.3.3.17.1.1. ボタン要素
11.3.3.3.17.1.1.1. エレメント固有プロパティ
11.3.3.3.17.1.1.1.1. textContent
ボタンのラベル名を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Button 任意 入出力
固定値
変数値
なし
11.3.3.3.17.1.1.1.2. type
ボタンの種別を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 button 任意 入力のみ 固定値
button
submit
11.3.3.3.17.1.1.1.3. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
「primary light」を指定する場合、「is-primary is-light」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
white
light
dark
black
text
primary
link
info
success
warning
danger
primary light
link light
info light
success light
warning light
danger light
11.3.3.3.17.1.1.1.4. size
エレメントのサイズを指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「medium」を指定する場合、「is-medium」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入出力
固定値
変数値
small
normal
medium
large
11.3.3.3.17.1.1.1.5. fullwidth
エレメントの横幅を最大にするか指定します。
チェックを入れると横幅を最大にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.3.17.1.1.1.6. outlined
ボタンを線で囲う見た目にするか指定します。
固定値の場合はチェックを入れるとボタンを線で囲う見た目にします。
変数値の場合は値が「true」の変数をセットするとボタンを線で囲う見た目にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.17.1.1.1.7. inverted
エレメントの背景色と文字色を入れ替えます。
固定値の場合はチェックを入れると背景色と文字色を入れ替えます。
変数値の場合は値が「true」の変数をセットすると背景色と文字色を入れ替えます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.17.1.1.1.8. rounded
ボタンを丸い形にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.3.17.1.1.1.9. static
エレメントを反応しない状態にするか指定します。
チェックを入れると反応しない状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.3.17.1.1.1.10. disabled
エレメントの動作を無効化します。
無効化された場合、クリックが不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.17.1.1.1.11. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.3.17.1.1.1.12. leftIconClass
エレメントの左側に表示するアイコンのクラスを指定します。
値を指定しない場合、アイコンは表示されません。
設定例:fas fa-angle-left
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.3.17.1.1.1.13. rightIconClass
エレメントの右側に表示するアイコンのクラスを指定します。
値を指定しない場合、アイコンは表示されません。
設定例:fas fa-angle-right
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし

11.3.3.3.18. 削除ボタン

削除ボタンを表示するエレメントです。
../../../_images/ImBulmaDelete.png

11.3.3.3.18.1. エレメント固有プロパティ

11.3.3.3.18.1.1. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large

11.3.3.3.19. エレメント配置アイテム

フィールドに配置する、配下にエレメントを配置するためのエレメントです。
「フィールド」エレメントの配下に配置します。

11.3.3.4. パーツ(Bulma)

11.3.3.4.1. 画像埋め込み

画像を埋め込み表示するエレメントです。

11.3.3.4.1.1. エレメント固有プロパティ

11.3.3.4.1.1.1. src
画像のリソースを指定します。
デザイナ画面上で描画されている画像埋め込みエレメントにドラック&ドロップで画像を配置すると、「src」の内容は配置した画像の値で上書きされます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.4.1.1.2. alt
画像を説明する代替文字列を指定します。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.4.1.1.3. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
16x16
24x24
32x32
48x48
64x64
96x96
128x128
11.3.3.4.1.1.4. ratio
エレメントのアスペクト比を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
square
1by1
5by4
4by3
3by2
5by3
16by9
2by1
3by1
4by5
3by4
2by3
3by5
9by16
1by2
1by3
fullwidth
11.3.3.4.1.1.5. rounded
画像を丸い形にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし

11.3.3.4.2. 進捗バー

進捗状況バーを表示するエレメントです。
../../../_images/ImBulmaProgressBar.png

11.3.3.4.2.1. エレメント固有プロパティ

11.3.3.4.2.1.1. value
進捗バーの進捗状況を指定します。
設定可能な数値:0から「max」プロパティで指定した値までの数値
maxプロパティが100の場合の設定例:0、1、10、100
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
数値入力   任意 入出力
固定値
変数値
なし
11.3.3.4.2.1.2. max
進捗バーが100%になる際の値を数値で指定します。
設定例:「max」プロパティの値が10かつ「value」プロパティの値が5のとき、進捗バーは50%を示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
数値入力 100 任意 入出力
固定値
変数値
なし
11.3.3.4.2.1.3. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
link
info
success
warning
danger
11.3.3.4.2.1.4. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large

11.3.3.4.3. アイコン

アイコンを表示するエレメントです。
Font Awesome 5のアイコンを指定できます。
../../../_images/ImBulmaFontAwesomeIcon.png

11.3.3.4.3.1. エレメント固有プロパティ

11.3.3.4.3.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.4.3.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.4.3.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.4.3.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.4.3.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.4.3.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.4.3.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom

11.3.3.4.4. タグ

タグを表示するエレメントです。
../../../_images/ImBulmaTag.png

11.3.3.4.4.1. エレメント固有プロパティ

11.3.3.4.4.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Tag 任意 入出力
固定値
変数値
なし
11.3.3.4.4.1.2. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
「primary light」を指定する場合、「is-primary is-light」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
black
dark
light
white
primary
link
info
success
warning
danger
primary light
link light
info light
success light
warning light
danger light
11.3.3.4.4.1.3. size
エレメントのサイズを指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「medium」を指定する場合、「is-medium」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入出力
固定値
変数値
normal
medium
large
11.3.3.4.4.1.4. rounded
タグを丸い形にするか指定します。
チェックを入れるとタグを丸い形にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし

11.3.3.4.4.2. 子エレメント

11.3.3.4.4.2.1. 削除ボタン
11.3.3.4.4.2.1.1. エレメント固有プロパティ
11.3.3.4.4.2.1.1.1. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large

11.3.3.4.5. 通知ボックス

通知用のボックスを表示するエレメントです。
../../../_images/ImBulmaNotification.png

11.3.3.4.5.1. エレメント固有プロパティ

11.3.3.4.5.1.1. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
「primary light」を指定する場合、「is-primary is-light」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
primary
link
info
success
warning
danger
primary light
link light
info light
success light
warning light
danger light
11.3.3.4.5.1.2. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 text 必須 入出力
固定値
変数値
なし
11.3.3.4.5.1.3. iconStyle
アイコンを表示するか、表示する場合は位置を指定します。
「text-only」、「icon-align-top」、「icon-centered」が指定できます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 text-only 必須 入力のみ 固定値
text-only
icon-align-top
icon-centered
11.3.3.4.5.1.4. deleteButton
削除ボタンを表示するか指定します。
固定値の場合はチェックを入れると削除ボタンを表示します。
変数値の場合は値が「true」の変数をセットすると削除ボタンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入出力
固定値
変数値
なし

11.3.3.4.5.2. 子エレメント

11.3.3.4.5.2.1. アイコン
11.3.3.4.5.2.1.1. エレメント固有プロパティ
11.3.3.4.5.2.1.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.4.5.2.1.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.4.5.2.1.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.4.5.2.1.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.4.5.2.1.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.4.5.2.1.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.4.5.2.1.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.4.5.2.2. 削除ボタン
11.3.3.4.5.2.2.1. エレメント固有プロパティ
11.3.3.4.5.2.2.1.1. size
エレメントのサイズを指定します。

エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large

11.3.3.5. コンポーネント(Bulma)

11.3.3.5.1. パンくずリストコンテナ

WEBページのリンクを階層順にリストアップするためのエレメントです。
../../../_images/ImBulmaBreadcrumb.png

11.3.3.5.1.1. エレメント固有プロパティ

11.3.3.5.1.1.1. alignment
エレメントの水平方向の位置を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 left 任意 入力のみ 固定値
left
centered
right
11.3.3.5.1.1.2. alternativeSeparator
セパレータの見た目を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 slash 任意 入力のみ 固定値
slash
arrow
bullet
dot
succeeds
11.3.3.5.1.1.3. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large

11.3.3.5.1.2. 子エレメント

11.3.3.5.1.2.1. パンくずリスト
11.3.3.5.1.2.1.1. エレメント固有プロパティ
11.3.3.5.1.2.1.1.1. elementCount
リンクの表示数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 3 必須 入力のみ 固定値 なし
11.3.3.5.1.2.2. パンくずリストアイテム
11.3.3.5.1.2.2.1. エレメント固有プロパティ
11.3.3.5.1.2.2.1.1. active
エレメントを選択した状態にするか指定します。
固定値の場合はチェックを入れると選択した状態にします。
変数値の場合は値が「true」の変数をセットすると選択した状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.1.2.3. パンくずリストリンクアイテム
11.3.3.5.1.2.3.1. エレメント固有プロパティ
11.3.3.5.1.2.3.1.1. showIcon
アイコンを表示するか指定します。
固定値の場合はチェックを入れるとアイコンを表示します。
変数値の場合は値が「true」の変数をセットするとアイコンを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 任意 入出力
固定値
変数値
なし
11.3.3.5.1.2.3.1.2. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 home 任意 入出力
固定値
変数値
なし
11.3.3.5.1.2.3.1.3. href
ハイパーリンク先を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.1.2.3.1.4. target
「_blank」を指定すると、リンク先を別タブまたは別ウィンドウで表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.1.2.4. アイコン
11.3.3.5.1.2.4.1. エレメント固有プロパティ
11.3.3.5.1.2.4.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.5.1.2.4.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.5.1.2.4.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.5.1.2.4.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.1.2.4.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.5.1.2.4.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.1.2.4.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom

11.3.3.5.2. ページネーション

ページ送りのナビゲーションを表示するエレメントです。
../../../_images/ImBulmaPagination.png

11.3.3.5.2.1. エレメント固有プロパティ

11.3.3.5.2.1.1. alignment
数字を表示するボックスの水平方向の表示位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「centered」を指定する場合、「is-centered」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 left 任意 入出力
固定値
変数値
left
centered
right
11.3.3.5.2.1.2. style
数字を表示するボックスやボタンの見た目を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「rounded」を指定する場合、「is-rounded」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入出力
固定値
変数値
normal
rounded
11.3.3.5.2.1.3. size
エレメントのサイズを指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「medium」を指定する場合、「is-medium」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入出力
固定値
変数値
small
normal
medium
large
11.3.3.5.2.1.4. onChangePageEvent
ページが変わった際に実行するアクションを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
アクション選択 <なし> 任意 入力のみ 固定値 なし

11.3.3.5.2.2. 子エレメント

11.3.3.5.2.2.1. ページネーションリスト
11.3.3.5.2.2.1.1. エレメント固有プロパティ
11.3.3.5.2.2.1.1.1. current
現在のページを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力   必須 入出力 変数値 なし
11.3.3.5.2.2.1.1.2. itemsPerPage
1ページあたりのアイテム表示件数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 5 必須 入出力
固定値
変数値
なし
11.3.3.5.2.2.1.1.3. total
管理するアイテムの総件数を指定します。
「totalで指定した値」を「itemsPerPageで指定した値」で割り、端数を切り上げた値がページネーションの総ページ数です。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 50 必須 入出力
固定値
変数値
なし
11.3.3.5.2.2.1.1.4. stepSize
現在のページの前後に表示するボックスの数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 1 任意 入出力
固定値
変数値
なし
11.3.3.5.2.2.2. ページネーションリストアイテム
11.3.3.5.2.2.4. ページネーション省略記号
11.3.3.5.2.2.5. ページネーション前へボタン
11.3.3.5.2.2.5.1. エレメント固有プロパティ
11.3.3.5.2.2.5.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、クリックが不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.2.2.5.1.2. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Previous 任意 入出力
固定値
変数値
なし
11.3.3.5.2.2.6. ページネーション後へボタン
11.3.3.5.2.2.6.1. エレメント固有プロパティ
11.3.3.5.2.2.6.1.1. disabled
エレメントの動作を無効化します。
無効化された場合、クリックが不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.2.2.6.1.2. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Next page 任意 入出力
固定値
変数値
なし

11.3.3.5.3. ナビゲーションバー

ナビゲーションバーを表示するエレメントです。
「ナビゲーションバーリンクアイテム」、「ナビゲーションバーエレメント配置アイテム」、「ナビゲーションバードロップダウンアイテム」を配下に配置できます。
../../../_images/ImBulmaNavbar.png

11.3.3.5.3.1. エレメント固有プロパティ

11.3.3.5.3.1.1. position
ナビゲーションを表示する位置を指定します。
topを指定した場合は、エレメントの配置に関わらず画面の一番上に表示されます。
bottomを指定した場合は、エレメントの配置に関わらず画面の一番下に表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
normal
top
bottom
11.3.3.5.3.1.2. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
light
dark
black
text
primary
link
info
success
warning
danger

11.3.3.5.3.2. 子エレメント

11.3.3.5.3.2.1. ナビゲーションバーブランド
11.3.3.5.3.2.2. ナビゲーションバーハンバーガーボタン
11.3.3.5.3.2.3. ナビゲーションバーメニュー
11.3.3.5.3.2.4. ナビゲーションバー左側
11.3.3.5.3.2.5. ナビゲーションバー右側

11.3.3.5.4. ナビゲーションバーリンクアイテム

「ナビゲーションバー」、「ナビゲーションバードロップダウンアイテム」に配置する、ページ遷移をするためのエレメントです。

11.3.3.5.4.1. エレメント固有プロパティ

11.3.3.5.4.1.1. active
エレメントを選択した状態にするか指定します。
固定値の場合はチェックを入れると選択した状態にします。
変数値の場合は値が「true」の変数をセットすると選択した状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.4.1.2. href
ハイパーリンク先を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.4.1.3. target
「_blank」を指定すると、リンク先を別タブまたは別ウィンドウで表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし

11.3.3.5.5. ナビゲーションバーエレメント配置アイテム

「ナビゲーションバー」、「ナビゲーションバードロップダウンアイテム」に配置する、配下にエレメントを配置するためのエレメントです。

11.3.3.5.6. ナビゲーションバードロップダウンアイテム

「ナビゲーションバー」に配置する、ドロップダウンメニューのエレメントです。
「ナビゲーションバーリンクアイテム」、「ナビゲーションバーエレメント配置アイテム」、「ナビゲーションバー水平罫線」を配下に配置できます。

11.3.3.5.6.1. エレメント固有プロパティ

11.3.3.5.6.1.1. active
エレメントを選択した状態にするか指定します。
固定値の場合はチェックを入れると選択した状態にします。
変数値の場合は値が「true」の変数をセットすると選択した状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.6.1.2. hoverable
ボタンにホバーした際にメニューを開くか指定します。
固定値の場合はチェックを入れるとボタンにホバーしたときにメニューを開きます。
変数値の場合は値が「true」の変数をセットするとボタンにホバーしたときにメニューを開きます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 必須 入出力
固定値
変数値
なし

11.3.3.5.6.2. 子エレメント

11.3.3.5.6.2.2. ナビゲーションバードロップダウンメニュー

11.3.3.5.7. ナビゲーションバー水平罫線

「ナビゲーションバードロップダウンアイテム」に配置する、水平の罫線を表示するエレメントです。

11.3.3.5.8. メッセージ

メッセージボックスを表示するエレメントです。
../../../_images/ImBulmaMessage.png

11.3.3.5.8.1. エレメント固有プロパティ

11.3.3.5.8.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.5.8.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
link
info
success
warning
danger

11.3.3.5.8.2. 子エレメント

11.3.3.5.8.2.1. メッセージヘッダ
11.3.3.5.8.2.1.1. エレメント固有プロパティ
11.3.3.5.8.2.1.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Title 必須 入出力
固定値
変数値
なし
11.3.3.5.8.2.2. 削除ボタン
11.3.3.5.8.2.2.1. エレメント固有プロパティ
11.3.3.5.8.2.2.1.1. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.5.8.2.3. メッセージボディ

11.3.3.5.9. タブ

タブを表示するエレメントです。
../../../_images/ImBulmaTabs.png

11.3.3.5.9.1. エレメント固有プロパティ

11.3.3.5.9.1.1. alignment
エレメントの水平方向の配置を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 left 任意 入力のみ 固定値
left
centered
right
11.3.3.5.9.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.5.9.1.3. styles
タブの見た目を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
normal
boxed
toggle
toggle-rounded
fullwidth
fullwidth boxed
fullwidth toggle
fullwidth toggle-rounded

11.3.3.5.9.2. 子エレメント

11.3.3.5.9.2.1. タブリスト
11.3.3.5.9.2.1.1. エレメント固有プロパティ
11.3.3.5.9.2.1.1.1. elementCount
タブの数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 3 必須 入力のみ 固定値 なし
11.3.3.5.9.2.2. タブリストアイテム
11.3.3.5.9.2.2.1. エレメント固有プロパティ
11.3.3.5.9.2.2.1.1. active
エレメントを選択した状態にするか指定します。
固定値の場合はチェックを入れると選択した状態にします。
変数値の場合は値が「true」の変数をセットすると選択した状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.9.2.3. タブリストリンクアイテム
11.3.3.5.9.2.3.1. エレメント固有プロパティ
11.3.3.5.9.2.3.1.1. href
ハイパーリンク先を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.9.2.3.1.2. target
「_blank」を指定すると、リンク先を別タブまたは別ウィンドウで表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし

11.3.3.5.10. カード

カード型の構成でエレメントを配置できるエレメントです。
../../../_images/ImBulmaCard.png

11.3.3.5.10.1. エレメント固有プロパティ

11.3.3.5.10.1.1. image
画像を表示するか指定します。
固定値の場合はチェックを入れると画像を表示します。
変数値の場合は値が「true」の変数をセットすると画像を表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入出力
固定値
変数値
なし
11.3.3.5.10.1.2. header
ヘッダを表示するか指定します。
固定値の場合はチェックを入れるとヘッダを表示します。
変数値の場合は値が「true」の変数をセットするとヘッダを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 true 必須 入出力
固定値
変数値
なし

11.3.3.5.10.2. 子エレメント

11.3.3.5.10.2.1. カードイメージ
11.3.3.5.10.2.2. 画像埋め込み
画像を埋め込み表示するエレメントです。
11.3.3.5.10.2.2.1. エレメント固有プロパティ
11.3.3.5.10.2.2.1.1. src
画像のリソースを指定します。
デザイナ画面上で描画されている画像埋め込みエレメントにドラック&ドロップで画像を配置すると、「src」の内容は配置した画像の値で上書きされます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.5.10.2.2.1.2. alt
画像を説明する代替文字列を指定します。
このプロパティはブラウザごとに動作が異なります。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.10.2.2.1.3. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
16x16
24x24
32x32
48x48
64x64
96x96
128x128
11.3.3.5.10.2.2.1.4. ratio
エレメントのアスペクト比を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
square
1by1
5by4
4by3
3by2
5by3
16by9
2by1
3by1
4by5
3by4
2by3
3by5
9by16
1by2
1by3
fullwidth
11.3.3.5.10.2.2.1.5. rounded
画像を丸い形にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.5.10.2.3. カードヘッダ
11.3.3.5.10.2.4. カードヘッダタイトル
11.3.3.5.10.2.4.1. エレメント固有プロパティ
11.3.3.5.10.2.4.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.10.2.5. カードヘッダアイコン
11.3.3.5.10.2.5.1. エレメント固有プロパティ
11.3.3.5.10.2.5.1.1. href
ハイパーリンク先を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.10.2.5.1.2. target
「_blank」を指定すると、リンク先を別タブまたは別ウィンドウで表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.10.2.6. アイコン
11.3.3.5.10.2.6.1. エレメント固有プロパティ
11.3.3.5.10.2.6.1.1. iconClass
アイコンのクラスを指定します。
設定例:fas fa-info-circle
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   必須 入出力
固定値
変数値
なし
11.3.3.5.10.2.6.1.2. size
エレメントのサイズを指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入力のみ 固定値
small
normal
medium
large
11.3.3.5.10.2.6.1.3. color
エレメントの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.5.10.2.6.1.4. stackedIconClass
重ねて表示するアイコンのクラスを指定します。
設定例:fas fa-ban fa-stack-2x
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.10.2.6.1.5. stackedIconColor
重ねたアイコンの色を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入力のみ 固定値
white
black
light
dark
primary
info
link
success
warning
danger
black bis
black ter
grey darker
grey dark
grey
grey light
grey lighter
white ter
white bis
11.3.3.5.10.2.6.1.6. tooltip
ツールチップに表示する値を指定します。
tooltipPosition と組み合わせることで、表示位置を設定することが可能です。
ツールチップはエレメントにマウスオーバーしたとき表示されます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.10.2.6.1.7. tooltipPosition
ツールチップを表示する位置を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「has-tooltip-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「top」を指定する場合、「has-tooltip-top」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 top 任意 入出力
固定値
変数値
top
right-top
right-center
right-bottom
bottom
left-top
left-center
left-bottom
11.3.3.5.10.2.7. カードコンテンツ
11.3.3.5.10.2.8. カードフッタ
11.3.3.5.10.2.8.1. エレメント固有プロパティ
11.3.3.5.10.2.8.1.1. elementCount
フッタに配置する項目数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 3 必須 入力のみ 固定値 なし
11.3.3.5.10.2.9. カードフッタアイテム

11.3.3.5.11. ドロップダウン

ドロップダウンメニューのエレメントです。
「ドロップダウンリンクアイテム」、「ドロップダウンエレメント配置アイテム」、「ドロップダウン水平罫線アイテム」を配下に配置できます。
../../../_images/ImBulmaDropdown.png

11.3.3.5.11.1. エレメント固有プロパティ

11.3.3.5.11.1.1. active
エレメントを選択した状態にするか指定します。
固定値の場合はチェックを入れると選択した状態にします。
変数値の場合は値が「true」の変数をセットすると選択した状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.11.1.2. right
メニューを右から開いた状態にするか指定します。
固定値の場合はチェックを入れると右から開いた状態にします。
変数値の場合は値が「true」の変数をセットすると右から開いた状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.11.1.3. up
メニューを上に開くか指定します。
固定値の場合はチェックを入れるとボタンを上に配置します。
変数値の場合は値が「true」の変数をセットするとボタンを上に配置します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.11.1.4. hoverable
ボタンにホバーした際にメニューを開くか指定します。
固定値の場合はチェックを入れるとボタンにホバーしたときにメニューを開きます。
変数値の場合は値が「true」の変数をセットするとボタンにホバーしたときにメニューを開きます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし

11.3.3.5.11.2. 子エレメント

11.3.3.5.11.2.1. ドロップダウントリガー
11.3.3.5.11.2.2. ボタン
ボタンを表示するエレメントです。
../../../_images/ImBulmaButtonControl.png
11.3.3.5.11.2.3. ボタン要素
11.3.3.5.11.2.3.1. エレメント固有プロパティ
11.3.3.5.11.2.3.1.1. textContent
ボタンのラベル名を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Button 任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.3.1.2. type
ボタンの種別を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 button 任意 入力のみ 固定値
button
submit
11.3.3.5.11.2.3.1.3. color
エレメントの色を指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「primary」を指定する場合、「is-primary」を変数にセットします。
「primary light」を指定する場合、「is-primary is-light」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
white
light
dark
black
text
primary
link
info
success
warning
danger
primary light
link light
info light
success light
warning light
danger light
11.3.3.5.11.2.3.1.4. size
エレメントのサイズを指定します。
固定値の場合はプルダウンから値を選択します。
変数値の場合は「is-」+「プルダウンの値」の形式の値を持つ変数をセットします。
例:「medium」を指定する場合、「is-medium」を変数にセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 normal 任意 入出力
固定値
変数値
small
normal
medium
large
11.3.3.5.11.2.3.1.5. fullwidth
エレメントの横幅を最大にするか指定します。
チェックを入れると横幅を最大にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.5.11.2.3.1.6. outlined
ボタンを線で囲う見た目にするか指定します。
固定値の場合はチェックを入れるとボタンを線で囲う見た目にします。
変数値の場合は値が「true」の変数をセットするとボタンを線で囲う見た目にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.3.1.7. inverted
エレメントの背景色と文字色を入れ替えます。
固定値の場合はチェックを入れると背景色と文字色を入れ替えます。
変数値の場合は値が「true」の変数をセットすると背景色と文字色を入れ替えます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.3.1.8. rounded
ボタンを丸い形にするか指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.5.11.2.3.1.9. static
エレメントを反応しない状態にするか指定します。
チェックを入れると反応しない状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入力のみ 固定値 なし
11.3.3.5.11.2.3.1.10. disabled
エレメントの動作を無効化します。
無効化された場合、クリックが不可能となります。
固定値の場合はチェックを入れるとエレメントの動作を無効化します。
変数値の場合は値が「true」の変数をセットするとエレメントの動作を無効化します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.3.1.11. autofocus
実行画面を初期表示した際にこのエレメントにフォーカスを合わせるか指定します。
固定値の場合はチェックを入れるとフォーカスを合わせます。
変数値の場合は値が「true」の変数をセットするとエレメントにフォーカスを合わせます。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.3.1.12. leftIconClass
エレメントの左側に表示するアイコンのクラスを指定します。
値を指定しない場合、アイコンは表示されません。
設定例:fas fa-angle-left
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.3.1.13. rightIconClass
エレメントの右側に表示するアイコンのクラスを指定します。
値を指定しない場合、アイコンは表示されません。
設定例:fas fa-angle-right
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.4. ドロップダウンメニュー
11.3.3.5.11.2.5. ドロップダウンコンテンツ
11.3.3.5.11.2.6. ドロップダウンリンクアイテム
ドロップダウンメニューに配置する、ページ遷移をするためのエレメントです。
11.3.3.5.11.2.6.1. エレメント固有プロパティ
11.3.3.5.11.2.6.1.1. href
ハイパーリンク先を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.6.1.2. target
「_blank」を指定すると、リンク先を別タブまたは別ウィンドウで表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.6.1.3. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Anchor 任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.6.1.4. active
エレメントを選択した状態にするか指定します。
固定値の場合はチェックを入れると選択した状態にします。
変数値の場合は値が「true」の変数をセットすると選択した状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.11.2.7. ドロップダウンエレメント配置アイテム
ドロップダウンメニューに配置する、配下にエレメントを配置するためのエレメントです。
11.3.3.5.11.2.8. ドロップダウン水平罫線アイテム
ドロップダウンメニューに配置する、水平の罫線を表示するエレメントです。

11.3.3.5.12. ドロップダウンリンクアイテム

ドロップダウンメニューに配置する、ページ遷移をするためのエレメントです。

11.3.3.5.12.1. エレメント固有プロパティ

11.3.3.5.12.1.1. href
ハイパーリンク先を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.12.1.2. target
「_blank」を指定すると、リンク先を別タブまたは別ウィンドウで表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.12.1.3. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Anchor 任意 入出力
固定値
変数値
なし
11.3.3.5.12.1.4. active
エレメントを選択した状態にするか指定します。
固定値の場合はチェックを入れると選択した状態にします。
変数値の場合は値が「true」の変数をセットすると選択した状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし

11.3.3.5.13. ドロップダウンエレメント配置アイテム

ドロップダウンメニューに配置する、配下にエレメントを配置するためのエレメントです。

11.3.3.5.14. ドロップダウン水平罫線アイテム

ドロップダウンメニューに配置する、水平の罫線を表示するエレメントです。

11.3.3.5.15. メニュー

垂直型のナビゲーションを構築するエレメントです。
../../../_images/ImBulmaMenu.png

11.3.3.5.15.1. エレメント固有プロパティ

11.3.3.5.15.1.1. elementCount
メニューリストの表示数を指定します。
メニューはラベルとメニューリストがセットです。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 1 必須 入力のみ 固定値 なし

11.3.3.5.15.2. 子エレメント

11.3.3.5.15.2.1. メニューラベル
11.3.3.5.15.2.1.1. エレメント固有プロパティ
11.3.3.5.15.2.1.1.1. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Label 任意 入出力
固定値
変数値
なし
11.3.3.5.15.2.2. メニューリスト
11.3.3.5.15.2.2.1. エレメント固有プロパティ
11.3.3.5.15.2.2.1.1. elementCount
表示するメニューの数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 3 必須 入力のみ 固定値 なし
11.3.3.5.15.2.3. メニューリストアイテム
11.3.3.5.15.2.3.1. エレメント固有プロパティ
11.3.3.5.15.2.3.1.1. nestedList
配下のメニューリストを表示するか指定します。
固定値の場合はチェックを入れると配下のメニューリストを表示します。
変数値の場合は値が「true」の変数をセットすると配下のメニューリストを表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.15.2.4. メニューリストリンクアイテム
11.3.3.5.15.2.4.1. エレメント固有プロパティ
11.3.3.5.15.2.4.1.1. active
エレメントを選択した状態にするか指定します。
固定値の場合はチェックを入れると選択した状態にします。
変数値の場合は値が「true」の変数をセットすると選択した状態にします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
真偽値入力 false 任意 入出力
固定値
変数値
なし
11.3.3.5.15.2.4.1.2. textContent
表示する文字列を指定します。
固定値の場合はテキストボックスに直接文字列を入力します。
変数値の場合は表示したい情報を持つ変数をセットします。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力 Anchor 任意 入出力
固定値
変数値
なし
11.3.3.5.15.2.4.1.3. href
ハイパーリンク先を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.15.2.4.1.4. target
「_blank」を指定すると、リンク先を別タブまたは別ウィンドウで表示します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
文字列入力   任意 入出力
固定値
変数値
なし
11.3.3.5.15.2.5. メニュー入れ子リスト
11.3.3.5.15.2.5.1. エレメント固有プロパティ
11.3.3.5.15.2.5.1.1. elementCount
表示するメニューの数を指定します。
エレメント固有プロパティ
入力種別 初期値 必須/任意 入力/出力 固定値/変数値 入力候補
整数入力 3 必須 入力のみ 固定値 なし
11.3.3.5.15.2.6. メニュー入れ子リストアイテム