4.2.7. お知らせ一覧を編集する¶
下のエリアに配置した「一覧テーブルセット」の部品を編集してお知らせ一覧の見た目を整えます。
テーブルをクリックして選択します。
「Edit」の列選択アイコンをクリックし、ツールバーの「列を削除」をクリックします。
「Details」の列選択アイコンをクリックし、ツールバーの「列を削除」をクリックします。
「Delete」の列選択アイコンをクリックし、ツールバーの「列を削除」をクリックします。
一覧の最後の行の行選択アイコンをクリックし、ツールバーの「行を削除」をクリックします。
ヘッダとデータの2行のみになるように他の行も削除します。
「User Code」の列の右上のプラスアイコンをクリックし、列を追加します。
1列目のヘッダのラベルをクリックして「F2」キーを押し、テキストを「Date」に変更します。
同様に2列目のヘッダのラベルを「Category」に変更、3列目のヘッダのラベルを「Title」に変更します。
3列目のデータのラベルを右クリックし、右クリックメニューを表示します。
右クリックメニューから「部品を差し替え」>「ハイパーリンク」をクリックします。
1列目のデータのラベルを「2024/06/01」に変更します。
2列目のデータのラベルを「Notice」に変更します。
3列目のデータのラベルを「Important Notice」に変更します。
3列目のデータのラベルを右クリックし、右クリックメニューの「大きさ」>「手動設定」をクリックします。
一度テーブルをクリックしてからデータの1行目の行選択アイコンをクリックし、ツールバーの「行を複製」をクリックします。
上記の操作を繰り返して、一覧のデータの行数を10行にします。
データの1行3列目のラベルをクリックして選択します。
データの1行3列目のラベルを右クリックし、右クリックメニューの「部品エリア」>「右に部品を追加」をクリックします。
追加した部品の「その他」のパネルをクリックして部品選択ダイアログを表示します。
「その他」>「ラベル」を選択して「決定」ボタンをクリックします。
追加したラベルを右クリックし、右クリックメニューの「大きさ」>「手動設定」をクリックします。
追加したラベルのテキストを「NEW!」に変更します。
「NEW!」のラベルを右クリックし、ツールバーの「文字色」の右側の三角アイコンをクリックします。
表示されたカラーピッカーの赤色をクリックします。
そのままツールバーの「位置調整」をクリックします。
部品の左側のハンドルをドラッグ&ドロップし、左のラベルと10pxから20pxぐらいの余白を作ります。
データの1行3列目の「Important Notice」のラベルをクリックして選択します。
Ctrl キーを押しながら「NEW!」のラベルをクリックして選択します。
選択したラベルの上で右クリックし、ツールバーの「太字」をクリックします。
一度テーブルをクリックしてから「Date」の列の右上の三角アイコンをドラッグ&ドロップして列の横幅を小さくしてください。
「Category」の列の右上の三角アイコンをドラッグ&ドロップして列の横幅を小さくしてください。
「Title」の列の右上の三角アイコンをダブルクリックしてください。
テーブルの上で右クリックし、右クリックメニューの「テーブルコンテナ」>「枠線」をクリックしてください。
お知らせ一覧が以下のようになっていることを確認してください。異なっている場合は上記の手順を確認してください。
以上でお知らせ一覧の調整は完了です。次節「その他の部品を調整する」では、その他の部品の見た目を調整します。