Help Balloons PluginでGUIにヘルプ機能を追加

Grails

HelpBalloons Pluginというプラグインを使用して、画面の操作に関するヘルプ機能を追加できるようです。いつものように早速試してみる。

料理名

HelpBalloons Plugin

材料

  • grails

作り方

  1. プロジェクトを作成する(省略!)
  2. HelpBalloons Pluginをインストールする
  3. 適当な画面を作成(省略!)
  4. gspに、 HelpBalloons Pluginを組み込む
  5. 起動!

手順2

grails install-plugin help-balloonsを実行する。

手順4

gspのヘッダータグ内に、以下の内容を追記する。(help ballooonsを使用する際のおまじない)

<g:helpBalloons/>

バルーンを表示したい箇所に、以下のようにタグを記述する。

<g:helpBalloon title="こんにちわ" content="てすとですよ"/>

文字通り、title属性はバルーンのタイトル(ウィンドウタイトルみたいなもの)、content属性は本文部分の内容をそれぞれ記述する。

手順5

表示。 ここではタイトル部分(todo)の右側に<g:helpBalloon title="こんにちわ" content="てすとですよ"/>を記述してみた例。

なんだかかっこいい!!ちょっとかっこいいサイトっぽくみえる!よりわかりやすいGUIとしていいかもしれません。

Grails