基本4

1️⃣最後の仕上げ、検索画面のデザインを調整


1️⃣-1️⃣ 検索画面のデザインを調整します。
      図の① ② ③をエクセル操作でデザインを調整します。

      ① タイトルをわかりやすくする。
      ② 見出しの背景色、文字サイズ、列幅を変更する。
      ③ 数値に3桁区切りのカンマをつける。

画像の説明



1️⃣-2️⃣ 税率(%)のセルを選択します。
      図④の税率を入力規則の設定を変更し、プルダウンから選択できるようにします。

画像の説明



1️⃣-3️⃣ データ・タブ→「データの入力規則」を選択します。
      入力値の種類から「リスト」を選択、元の値を「 ,10,8,0」と入力します。

画像の説明

元の値の先頭に全角スペースを入力すると初期値を空欄で表示できます。全角スペースがないと最初の値ここでは10が最初から表示されます。また、値の区切りは半角のカンマを入力します。全角のカンマはリストになりません。


1️⃣-4️⃣ ⑤の検索ボタンのサイズを調整します。
      ここではセルR12C22(12行目22列目)に設定された内容を、下記の赤字を追加します。

画像の説明

="|TYPE=SUBMIT|Style=width:60px;height:40px;
|NAME=WriteReport=UriageList;"

Style=はブラウザで標準ボタン表示にする命令です。 
Widht:幅サイズ height:高さ



1️⃣-5️⃣ ⑥「新規登録」をリンク設定からボタンに変更し、表示位置も変更します。

画像の説明


1️⃣-6️⃣ 新規登録ボタンを作成するセルに「新規登録」と入力します。
      ※ここではセルR10C10に「新規登録」入力します。

1️⃣-7️⃣ そのまま右クリック「XCuteナビゲーション」「リンク・ボタン」を選択します。

画像の説明

1️⃣-8️⃣ メッセージの「OK」をクリックします。

画像の説明

1️⃣-9️⃣ ボタンが追加さ、開発エリアにボタンの設定内容が追加されます。
      赤字を追加し、ボタンサイズを整えます。

画像の説明

="|TYPE=BUTTON|Style=width:70px;height:35px;|ONCLICK
=location.href='procgi.exe?P="&R1C5&"&WriteSheet=Uriage’;”

ここでは、R10C25(10行目25列目)のセルにボタンの設定が追加されます。
WriteSheet=Uriageの「Uriage」は、検索画面用のレポート名です。
ここでは、「Uriage」としていますが、使用するレポート名で設定してください


1️⃣-🔟 追加したボタンには背景色が自動で付きます。
      ※「Style」と設定すると自動的に薄グレーのボタンになります。

画像の説明

ここでは、背景色は必要ありませんので背景の塗りつぶしをなしてください。
※ここでは、、セルR10C10の背景を塗りつぶしなしにします。




■その他1

1画面の表示件数を変更するには、セルR2C9に設定されているNEXT=1,15コマンドの「15」の数字を増減させてください。
※増やす=画面に表示する件数が増えます。
画像の説明

■その他2

検索画面でマウスオンした箇所が赤色になる設定は、セルR2C8にされています。エクセルの行の高さ15の時に赤色になります。色を付けないばコマンドの「15」以外の高さにしてください。
画像の説明




2️⃣最後の仕上げ、入力画面のデザインを調整



2️⃣-1️⃣ 入力画面のデザインを調整します。
      図① ② ③は、エクセル操作でデザインを調整します。

       各タイトルの配置を中央揃え、日付や数値の表示形式を修正します。
       税率を入力規則のリストから選択できるようにします。
       数値は、3桁区切りのカンマをつけます。

画像の説明

      ③の「金額(R24C8のセル)」「消費税(R24C9のセル)」は自動計算するための
      数式を設定します。数式の設定はエクセルの操作になります。  

2️⃣-2️⃣ 金額(R24C8のセル)を選択し、データタブにあるデータの入力規則をクリックします。
      表示されたデータの入力規則の左下にある「すべてクリア」をクリックします。

2️⃣-3️⃣ 同様に、消費税(R24C9のセル)を選択し、入力規則をクリアします。

画像の説明

2️⃣-4️⃣ 金額と消費税に計算式を設定します。
      金額(R24C8のセル)を選択し、「数量*単価」消費税(R24C9のセル)を選択し、
      「金額*税率」の数式を入力します。

画像の説明

2️⃣-5️⃣ ④自動作成されたボタンの配置を変更します。
      またボタンのタイトルをわかりやすいものに変更します。

      「戻る」「送信」ボタンの位置を変更します。
      画面左側のR14C3(14行目3列目)とR14C4(14行目4列目)のセルを選択し、
      R15C4(15行目4列目)とR15C5(15行目5列目)のセルへ移動します。
      また、背景色をなしにします。

画像の説明

2️⃣-6️⃣ 画面右側の開発エリアに設定されている「戻る」「送信」ボタンの設定を移動します。

      R14C15(14行目15列目)とR14C16(14行目16列目)のセルを選択し、
      R15C15(15行目15列目)とR15C17(15行目17列目)のセルへ移動します。

画像の説明