PowerApps│コントロールの色設定標本、未完成

1.2K Views

April 14, 22

スライド概要

自分が毎回悩むので標本作りました。思いのほか需要ありそうなので共有します。

profile-image

非IT企業の事務系中間管理職。システム開発経験ゼロから社内プロジェクトに参加。そこで出会ったPowerAppsのブログ運営しています。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

各ページのテキスト
1.

ドロップダウン | DropDown BorderColor | 境界線 Color | テキスト ChevronBackground | シェブロン背景 ChevronFill | シェブロン Fill | 背景 SelectionColor | 選択テキスト SelectionFill | 選択背景 HoverColor | ポイントテキスト HoverFill | ポイント背景

2.

フォーカス時ドロップダウン | DropDown FocusedBorderColor | 境界線

3.

押下時ドロップダウン | DropDown PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景

4.

無効時ドロップダウン | DropDown DisabledBorderColor | 境界線 ChevronDisabledBackground | シェブロン背景 ChevronDisabledFill | シェブロン DisabledColor | テキスト DisabledFill | 背景

5.

日付の入力 | DatePicker BorderColor | 境界線 IconBackground | アイコン背景 IconFill | アイコン Color | テキスト Fill | 背景

6.

フォーカス時日付の入力 | DatePicker FocusedBorderColor | 境界線 IconFill | アイコンの破線枠

7.

無効時日付の入力 | DatePicker DisabledBorderColor | 境界線 変更不可、ColorFade( -50%) | アイコン背景 変更不可、ColorFade( -50%) | アイコン DisabledColor | フォント DisabledFill | 背景

8.

ラベル | Label BorderColor | 境界線 Color | フォント Fill | 背景 HoverColor | ポイント時境界線 HoverColor | ポイント時テキスト HoverFill | ポイント時背景

9.

フォーカス時ラベル | Label 存在するが機能しない FocusedBorderColor | 境界線

10.

無効時ラベル | Label DisabledBorderColor | 境界線 DisabledColor | テキスト DisabledFill | 背景

11.

テキスト入力 | TextInput BorderColor | 境界線 Color | フォント Fill | 背景 HoverColor | ポイント時境界線 HoverColor | ポイント時テキスト HoverFill | ポイント時背景

12.

フォーカス時テキスト入力 | TextInput FocusedBorderColor | 境界線

13.

押下時テキスト入力 | TextInput PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景

14.

無効時テキスト入力 | TextInput DisabledBorderColor | 境界線 DisabledColor | テキスト DisabledFill | 背景

15.

ボタン | Button BorderColor | 境界線 Color | フォント Fill | 背景 HoverColor | ポイント時境界線 HoverColor | ポイント時テキスト HoverFill | ポイント時背景

16.

フォーカス時テキスト入力 | TextInput FocusedBorderColor | 境界線

17.

押下時テキスト入力 | TextInput PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景

18.

無効時テキスト入力 | TextInput DisabledBorderColor | 境界線 DisabledColor | テキスト DisabledFill | 背景

19.

リストボックス | ListBox BorderColor | 境界線 Color | テキスト スクロールバーは変更不可 SelectionColor | 選択テキスト Fill | 背景 SelectionFill | 選択背景 HoverColor | ポイントテキスト HoverFill | ポイント背景

20.

フォーカス時リストボックス | ListBox FocusedBorderColor | 境界線

21.

押下時リストボックス | ListBox PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景

22.

無効時リストボックス | ListBox DisabledBorderColor | 境界線 DisabledColor | テキスト DisabledFill | 背景

23.

コンボボックス | ComboBox BorderColor | 境界線 ChevronBackground | シェブロン背景 ヒントは変更不可 ChevronFill | シェブロン Fill | 背景

24.

展開時コンボボックス | ComboBox BorderColor | 境界線 SelectionTagColor | 選択タグテキスト SelectionTagFill | 選択タグ背景 ヒントは変更不可 SelectionColor | 選択テキスト Fill | 背景 SelectionFill | 選択背景 HoverColor | ポイントテキスト HoverFill | ポイント背景

25.

フォーカス時コンボボックス | ComboBox FocusedBorderColor | 境界線

26.

押下時コンボボックス | ComboBox PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景

27.

無効時コンボボックス | ComboBox DisabledBorderColor | 境界線 ChevronDisabledBackground | シェブロン背景 ChevronDisabledFill | シェブロン DisabledColor | テキスト DisabledFill | 背景

28.

チェックボックス | Checkbox BorderColor | 境界線 CheckmarkFill | チェックマーク CheckboxBackgroundFill | チェックボックス背景 Color | テキスト Fill | 背景 CheckboxBorderColor | チェックボックス境界線 HoverBorderColor | ポイント時境界線 HoverColor | ポイント時テキスト HoverFill | ポイント時背景 チェックボックス背景は ポイント時背景と混ざった色に自動設定

29.

フォーカス時チェックボックス | Checkbox FocusedBorderColor | 境界線

30.

押下時チェックボックス | Checkbox PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景 チェックボックス背景は 押下時背景と混ざった色に自動設定

31.

無効時チェックボックス | Checkbox DisabledBorderColor | 境界線 DisabledColor | テキスト DisabledFill | 背景 変更不可 ColorFade( -50%) | チェックマーク、 ボックス背景&境界線