9
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Microsoft Power AppsAdvent Calendar 2024

Day 23

Power Apps のフォームコントロールの間に線や文言を追加する

Last updated at Posted at 2024-12-25

Power Apps のフォームコントロールで、入力項目が多い場合、例えば、以下のように、途中で文言を入れたり線を入れたりしたいときがあると思います。

image.png

フォームコントロールは簡単に利用できますが、デザインの柔軟性が低いのが悩ましいところです。

そして、上記のようなことをしたいときに、フォームコントロールの外にラベルを配置すると、以下のように、フォームコントロールをスクロールすると、文字の位置がずれてしまいます。

image.png

対策としては以下のようにカスタムカードを追加する方法です。データ送信には関係ないですが、間にカスタムカードを追加し、そのカードの中にラベルや図形などを入れることで、入力の区切りのように見せることができます。

image.png

方法としては、以下のように、カスタムカードを追加して並べ替えをして、そのカスタム カードのなかにラベルコントロールを追加します。

image.png

image.png

こうすることで、フォームコントロールをスクロールしても、常に同じ位置に区切り用の文字が表示されます。

image.png

こんな感じで区切り線を入れることも出来ます。

image.png

9
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?