Power Apps ボタンコレクション

ローコードアプリ向けの美しくレスポンシブな HTML ボタン

実装ガイド

1

デザイン: 上記にラベルを入力し、アプリのブランディングに合ったスタイルを選択してください。

2

コピー: コピーボタンをクリックしてください。Power Apps がコードを理解できるように、内部のエスケープ処理はすべて自動的に行われます。

3

挿入: Power Apps で、HTML Text コントロールを挿入します。

4

貼り付け: Power Apps で、HtmlText コントロールを挿入します。

HTML ボタンを使用する理由

標準の Power Apps ボタンは機能的ですが、見た目が単調です。HTMLText を使用すると、次のような CSS3 機能が利用可能になります。

  • 複雑なマルチストップグラデーション
  • グラスモーフィズム効果 (背景のぼかし)
  • 奥行きを表現するレイヤー化されたボックスシャドウ
  • カスタムのボーダー半径と文字間隔