Setting the GUI of Single style

Explanation

This example sets the parameter (style) at the time of component creation to 'single' using dx5.create function.

Single style is a component that allows only one file to be transferred. Since the virtual file is not allowed, it is always used only as a new file registration screen.

The component's style uses the setUIStyle function.

// You must pass a JSON object whose has style properties.
dx.setUIStyle({ ... });

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

The technology for drawing the component screen uses SVG technology. SVG can have slightly different rendering results for different browsers, and because it is based on vector graphics, it is not easy to handle GUI layouts in pixel units. Therefore, it is difficult to compensate for the difference between the line thickness in the product level.

Example

Add files