TECH BLOG

MENU

オンプレクラウド

MotionBoard

MotionBoard

MotionBoardにはボタンアイテムというものがあります。あらかじめ登録された動作(ボタンアクション)が実行されるアイテムです。ボタンのデザインはデフォルトだとシンプルなのでボードのテーマに合ったデザインにしたい時ってありませんか?今回は手軽にボタンをかっこよくする方法のひとつをご紹介します!

ボタンのデザインの変更方法

①まずはボタンの画像を用意します。

   インターネットで入手できるボタン素材を使うか、PowerPointなどを使ってボタンの画像を作成します。

イメージアイテムを利用して、用意した画像をボタンを配置したい場所に設置します。

③先ほど設置した画像の上に、ボタンアイテムを作成します。

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

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

  ・光沢効果の有効のチェックを外す

  ・不透明度のスライダーを一番左にする

  ・枠線の表示のチェックを外す

⑥これで完成です!

 画像の上に透明のボタンを配置することで、画像やボタンの大きさを気にすることなく好きな画像をボタンとして利用することが可能です。

 簡単なので是非試してみてください。

次回は今回とは違った方法でボタンをかっこよくする方法をご紹介します!

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

What do you think of this post?
  • 分かりやすい (3)
  • 問題が解決した (1)
お役に立てて嬉しいです!

Matsuura Takaya

MotionBoard
プロフィールへ >

2019年4月からWingArcにJoinし、主にMotionBoardを使ったボード構築に携わっています。デザイン性の高いダッシュボードの製作を得意としています。

Related article

Related article関連記事

Pick up

Pick upおすすめ記事

【Connect】開発コスト・運用コストを抑えたスクリプトの構築方法

公開:2025.02.06
更新:2025.02.06

分かりやすい

1

解決した

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

Dr.Sum

invoiceAgent【「業務を変える動画たち」シリーズ】記事まとめ

公開:2025.01.16
更新:2025.01.31

分かりやすい

0

解決した

0
  • 業務を変えるシリーズ

invoiceAgent

【脱Excel】MotionBoardの入力機能で業務アプリをつくる

公開:2024.08.05
更新:2024.08.05

分かりやすい

3

解決した

0
  • データ入力
  • デザイン
  • コンテナ

MotionBoard

Ranking

Rankingランキング

1

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

公開:2019.06.15
更新:2023.11.27

分かりやすい

13

解決した

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

MotionBoard

2

経過時間を時:分:秒で時刻表示したい!【320秒→05:20】

公開:2022.08.02
更新:2024.05.08

分かりやすい

12

解決した

8
  • グラフ

MotionBoard

3

カスタム項目の書き方 よく使う関数からIfまで

公開:2023.07.28
更新:2024.10.30

分かりやすい

26

解決した

7
  • データ加工

MotionBoard

Info

Information

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