TECH BLOG

MENU

MotionBoard

MotionBoard

MotionBoardにはボタンアイテムというものがあります。あらかじめ登録された動作(ボタンアクション)が実行されるアイテムです。ボタンのカラーを変更したり、画像を使ったりと汎用性の高いボタンアイテムですが、マウスオーバー時やクリック時のデザインを変えることもできます。視認性が上がるだけではなく、ボード自体のクオリティを向上させたい場合に有効な設定です。

なお、以前の下記の記事ではボタンのデザインをかっこよくする方法や画像を使って手軽にボタンのデザインを変える方法をお伝えしました。

詳細:ボタンのデザインを変える~ボタンのデザインをかっこよくする方法を紹介!~

 

それでは早速作ってみましょう。

ボタンの画像イメージを作成する

まずはボタンの画像を用意します。 PowerPointなどを使って、通常時用、マウスオーバー時用、クリック時用の3種類を作成しましょう。1つ作成してコピーし、カラーを変えればOKです。 PowerPointの図形アイテムを使えば簡単にボタン画像を作成することができます。

MotionBoardでボタンアイテムを作成する

任意の場所にボタンアイテムを作成します。

[詳細]をクリックします。

スタイル設定を以下の通り変更してください。

次に、「通常時」、「マウスオーバー時」、「マウスダウン時(クリック時)」それぞれのボタン画像を設定します。

これで完成です!

ボタンを動的に変化させることで、ボードの完成度が一気にあがります。簡単にできるので是非試してみてください!

この記事にリアクションしてみませんか?

  • 分かりやすい (0)
  • 問題が解決した (0)
ありがとうございます✨
プロフィールへ

ウイングアーク テクニカルエンジニア

ウイングアーク1stの技術部隊が記載しています。中の人は製品に詳しく、日頃からお客様と接点のある人です。お役立ち情報をたくさん書いていきますので、どうぞよろしくお願いします!

Related article

Related article関連記事

Pick up

Pick upおすすめ記事

【まとめ】invoiceAgentのWeb APIを使ってみる

  • #API

2023.04.05

invoiceAgent

ユーザーごとに閲覧可能なデータを制御しよう!

  • #集計表
  • #データ加工

2021.02.26

Dr.Sum

まるでWebサイト!? 折りたたみメニューの作り方!

  • #集計表
  • #デザイン
  • #コンテナ
  • #ボタン

2021.01.13

MotionBoard

Ranking

Rankingランキング

1

Excelのデータを加工したい。~変換(横持ち⇔縦持ち)について~

  • #データ取り込み
  • #データ加工

2021.01.19

Dr.Sum

2

SVFエラー解決までの近道 -帳票が出力されない編

  • #帳票作成・出力

2018.11.06

SVF

3

棒グラフを大きい順番に並び替えたい!(ソートしたい)

  • #集計表
  • #グラフ
  • #デザイン

2019.06.15

MotionBoard

Info

Information

ウイングアーク1stからのお知らせ