シングルスタイルのGUIを設定する

説明

この例では、dx5.create関数でコンポーネント作成時のパラメータ（style）を「single」に設定しています。

シングルスタイルは、1つのファイルしか転送できないコンポーネントです。仮想ファイルは使用できないため、常に新規ファイル登録画面としてのみ使用します。

コンポーネントのスタイルはsetUIStyle関数を使用します。

// スタイルのプロパティを持つJSONオブジェクトを渡す必要があります。
dx.setUIStyle({ ... });

// 例
dx.setUIStyle({
  backgroundColor: "#FF0000",
  itemFontColor: "00FF00",
  ...
});

コンポーネント画面の描画技術にはSVG技術を使用しています。SVGはブラウザによって描画結果が微妙に異なることがあり、またベクターグラフィックスをベースにしているため、GUIレイアウトをピクセル単位で扱うことが容易ではありません。そのため、製品レベルでの線の太さの違いを補正することは難しい。

例

ファイルの追加