FileMakerが使える・楽しく・学べるサンプルを紹介

ファイルメーカーで作成したサンプルを無料公開しています。ダウンロードして自由にカスタマイズしてご利用ください。

*

ポータル内のアクティブ行だけにボタンを表示する方法

      2015/01/07

ファイルメーカーで、ポータルの選択した行にだけに
ボタンを表示する方法を紹介します。

アクティブなポータル行完成イメージ

ずっと、何か良い方法がないかなーって考えていました。
FileMakerは、パズルのような感じですね。
パーツを知って組み合わせて目的のものを作る。

Webで検索したものの何も出てこなかったので、
簡単すぎて誰も書かないのか、
Filemakerの基本的な機能を見落としているのか。
もっと簡単な方法があるかもしれませんが、
暫定的に備忘録として紹介します。

ポータルで一覧を表示したときに、
行の右端に「詳細」ボタンを付けたのですが、
全ての行に「詳細」ボタンが並んで、
見た感じが詳細ばかりで、うるさ〜いっという感じなんですね。

アクティブなポータル行ボタンが多い

そこで、
選択した行にだけ詳細ボタンを表示させます。
メリットは見た目がスッキリすることと、
他の行のボタンを誤って押すことが無くなります。

ポータル内のアクティブ行だけに画像を表示する設定

並び順を入れるフィールドを追加
タイプは、「計算(数字)」
フィールドの設定
計算内容は、

レコード番号というのは、
現在表示されているレコードの並び順に
割り振られる番号です。

ソートで順番が変われば、
レコード番号が振り直されます。

フィールド設定2

索引オプションは、「計算結果を保存せず必要時に再計算する」
計算結果を保存しない

オブジェクト「詳細ボタン」の表示・非表示設定

インスペクタにある「次の場合にオブジェクトを隠す」機能を設定します。
鉛筆マークをクリックして、計算式を入れます。
オブジェクトの非表示

例:ポータル用テーブル::並ぶ順番 ≠ Get ( アクティブポータル行番号 )
計算式

アクティブ行番号とレコード番号が同じときだけ、
オブジェクトが表示されるようになります。
これで見た目が、かなりスッキリしました。
オブジェクトの非表示

条件付きデザイン変更を使ってさらに応用

同じ計算式を使って条件付き設定することで、
アクティブな行のボタンは、分かりやすく濃い色
アクティブでない行のボタンは、薄い色
といったことも可能です。

「詳細ボタン」をクリックし、
書式メニューから「条件付き…」を選択します。
条件付き書式の設定

「追加」で条件を増やして、
計算式に先ほどの「フィールド名 ≠ Get ( アクティブポータル行番号 )」を
記入したあと、目立たない色を選択します。
ここでは、薄いグレーしました。
条件付き書式設定

元の「詳細ボタン」通常の色を目立つ色に変更します。
ここでは赤色にしました。
アクティブなポータル行完成イメージ

分かりやすいナビゲーションに仕上がりました。

無料サンプルファイルがダウンロード出来ます

 - 役立つ備忘録, 無料で使えるサンプル , , ,

  • このエントリーをはてなブックマークに追加
  • Pocket
  • 14 follow us in feedly

コメントを残す

  関連記事

バイト数で文字の長さを制限
カスタム関数Leftbを使って指定のバイト数だけ文字を取り出す方法

FileMakerは、ウェブサイトや楽天やYahoo!ショップなどのネットショッ …

iphone_barcode
FileMaker Go iPhoneのカメラでバーコードを読み取る2つの方法

FileMaker Goでは iPhoneやiPadのカメラでバーコードを読み取 …

iPhone・iPadのデバイス判定
接続する端末をOSによって判定するスクリプトのまとめ

FileMakerのファイルを開いたとき、接続する端末によってレイアウトを切り替 …

文字数を数える方法
文字数をリアルタイムに数える方法

ブログやサイトの記事を管理出来る システムを作ってみました。 その際に必要だった …

パスワード自動生成
Filemaker内でパスワードを生成する方法!桁数や使用する文字も制限可能

ファイルメーカーの中でパスワードを生成する方法を紹介します。 ユーザーを管理シス …

ソースの色付けイメージ
スクリプトに色付けや全文コピー出来る無料プラグインの紹介

htmlやCSS、プログラムで使うエディタでは、 色がついて見やすくなっています …

結構良いサンプルが出来ました
リスト形式でアクティブな行にだけボタンやゴミ箱を表示する方法

前回は、ポータル内のアクティブな行にだけ、 ゴミ箱や詳細ボタンを表示する方法を紹 …

複数のポータル移動
同じレコード内に複数のポータルがあるときの行移動

同じレイアウト内にポータルを複数貼り付けることがあります。 スクリプトを作成して …

関連レコード総数
ポータル内の行数、関連レコード数を簡単に数える方法

ポータルの行数を取得したい場合に使う関数と計算式を紹介します。 「ポータルの行数 …