TapFormsでレイアウトを変えてデータを表示するときのようなタブがninoxでも出来ると便利ですね。
![](http://godstone.jp/wp-content/uploads/2023/10/スクリーンショット-2023-10-04-10.37.29-1-1024x601.png)
ninoxでタブを作る方法を探ってみましょう。
下のスクリーンショットのでは、「Products」と「Documents」「Admin」の
三つのタブが見えています。
![](http://godstone.jp/wp-content/uploads/2023/10/スクリーンショット-2023-09-30-10.07.53-1024x600.png)
こういうタブを作るにはどうすればいいのか探ってみました。
![](http://godstone.jp/wp-content/uploads/2023/10/スクリーンショット-2023-10-04-10.43.50-2.png)
右上のレンチアイコンをクリックして赤くします
![](http://godstone.jp/wp-content/uploads/2023/10/スクリーンショット-2023-10-04-10.44.02.png)
左下の「Edit fields」をクリックします
![](http://godstone.jp/wp-content/uploads/2023/10/スクリーンショット-2023-10-04-10.44.50-1024x681.png)
フォームを組み立てるウィンドウが開きます。注目は右半分。
下の方にある「Layout field」の部分をクリックすると
![](http://godstone.jp/wp-content/uploads/2023/10/スクリーンショット-2023-10-04-10.45.04-604x1024.png)
このように。Tab Head FreeText Spaceなどのパーツが見えています。
これらを左のカラムにドラックすることで、パーツを追加することが出来るようです。
ひとつ上のスクリーンショットを見てみますと、Fieldsカラムの下に「Documents」と「Admin」のタブパーツがありますね。そのタブパーツの下にあるパーツがそのタブで表示される部品になります。
このとき、一度使ってしまったものは次のタブの下に再配置することが出来ないようです。そこで、たとえば画像をどちらのタブでも使いたいというときは「Formula」フィールドを配置して、その中に画像をリレーションして表示させることが出来ます。
![](http://godstone.jp/wp-content/uploads/2023/10/スクリーンショット-2023-10-04-11.20.50-1024x974.png)
配置した「Formula」フィールドをクリックして編集ウィンドを開きます。下にある選択肢の中から画像をドラッグします。右上の「save」ボタンをクリックするのを忘れないでください。
![](http://godstone.jp/wp-content/uploads/2023/10/スクリーンショット-2023-10-04-11.19.52-1-1024x747.png)
![](http://godstone.jp/wp-content/uploads/2023/10/スクリーンショット-2023-10-04-11.29.46-1-1024x618.png)
二つ目のタブでも画像が表示されました。これはフィールドを少し大きく広げて画像が大きくなるように調整してあります。この様に「Formula」フィールドは計算式を入れるモノと言うよりはいろいろなものを表示するための万能フィールドであると言えますね。