Layout

Layout 1:
►Expand Layout
►Enter values in the input fields Left, Top, Right, Bottom, Width and Height
►Change the unit in the drop-down menu if required
Layout 2:
►Expand menu by clicking on the button
Layout 3:
►Enter a value in the input field Opacity
►Select the visibility in the drop-down menu Visibility
Layout 4:
►Select Value in the drop-down menu WidthMode

OR

►Select Parent in the drop-down menu WidthMode
►Select Value in the drop-down menu HeightMode

OR

►Select Parent in the drop-down menu HeightMode
Layout 5:
►Click ... from Transform















You can add different transformation types to XtsView | Transform. When the window opens, Rotate is selected by default. The following transformations are available:

Layout 6:

The dialog box XtsView | Transform opens.

►In the drop-down menu, select the transformation type to be added
►Click on Add

The selected transformation is added.

The different properties of the transformations can be set in the Properties area.

Rotate

Layout 7:
►Expand General
►Enter a rotation angle in the input field Angle
►Change the unit in the drop-down menu if required
►Enter values in the input fields VectorX, VectorY and VectorZ

Scale

Layout 8:
►Expand General
►Enter values in the input fields X, Y and Z

Translate

Layout 9:
►Expand General
►Enter values in the input fields X, Y and Z
►Change the unit in the drop-down menu if required

Skew

Layout 10:
►Expand General
►Enter a value for the horizontal angle of inclination in the input field XAngle
►Enter a value for the vertical angle of inclination in the input field YAngle
►Change the unit in the drop-down menu if required

Origin

Layout 11:
►Expand General
►Enter values in the input fields X, Y and Z
►Change the unit in the drop-down menu if required

Perspective

Layout 12:
►Expand General
►Enter values in the input fields Distance, OriginX and OriginY
►Change the unit in the drop-down menu if required

Remove or change transformation

You can remove individual transformations or change the order of the transformations.

Layout 13:
►Select the transformation to be moved or removed
►Click on X to remove the transformation

OR

►Click on the buttons to move the transformation up or down step by step
Layout 14:
►Confirm with OK

The dialog box XtsView | Transform closes.

Layout 15:
►Enter values in the input fields MaxWidth, MaxHeight, MinWidth and MinHeight
►Change the unit in the drop-down menu if required
Layout 16:
►Enter values in the input fields GridColumnIndex, GridRowIndex and Zindex

Further information can be found in chapter zIndex.

Layout 17:
►Click ... from BoxShadow
Layout 18:

The dialog box XtsView | BoxShadow opens.

►Click on Add

A BoxShadow definition is added. The properties of the shadow can be set in the Properties area.

Layout 19:
►Expand Colors

The adjustment range is displayed.

Further information can be found in chapter Colors.

Layout 20:
►Expand General
►Enter a value for the distance of the shadow in the X direction in the input field OffsetX
►Enter a value for the distance of the shadow in the Y direction in the input field OffsetY values
►Activate the checkbox Inset

OR

►Deactivate the checkbox Inset
►Enter a value for the blurring of the shadow in the input field Blur
►Enter a value for the spread of the shadow in the input field Spread
►Change the unit in the drop-down menu if required
Layout 21:
►Confirm with OK

The dialog box XtsView | BoxShadow closes.

The table shows the default parameter settings for the Layout properties:

Property

Explanation

Default setting

Left

Left distance.

Unit: px or %

448

Top

Upper distance.

Unit: px or %

298

Right

Right distance.

Unit: px or %

-

Bottom

Lower distance.

Unit: px or %

-

Width

Width.

Unit: px or %

329

Height

Height.

Unit: px or %

280

Opacity

Value for the opacity

1

Visibility

Drop-down menu for visibility

Visible

  • Visible

Visible

 

  • Hidden

Hidden

 

  • Collapsed

Collapsed

 

WidthMode

 

Value

  • Value

Value

-

  • Parent

Parent

-

HeightMode

 

Value

  • Value

Value

-

  • Parent

Parent

-

Transform

Transformation type

…

Rotate

Rotational displacement

 

Layout 22: General

 

 

  • Angle

Angle of rotation

-

  • VectorX

Vector X-axis

-

  • VectorY

Vector Y-axis

-

  • VectorZ

Vector Z-axis

-

Scale

Scaling

 

Layout 23: General

 

 

  • X

Value for width

1

  • Y

Value for the height

1

  • Z

Value for the depth

1

Translate

Translational displacement

 

Layout 24: General

 

 

  • X

Value for the displacement in the X direction.

Unit: px or %

-

  • Y

Value for the displacement in the Y direction.

Unit: px or %

-

  • Z

Value for the displacement in the Z direction.

Unit: px or %

-

Property

Explanation

Default setting

Skew

Skew

 

Layout 25: General

 

 

  • XAngle

Angle for horizontal inclination

-

  • YAngle

Angle for vertical inclination

-

Origin

Origin

 

Layout 26: General

 

 

  • X

Value in X direction

-

  • Y

Value in Y direction

-

  • Z

Value in Z direction

-

Perspective

Perspective distortion

 

Layout 27: General

 

 

  • Distance

Distance

-

  • OriginX

Origin in X-direction

-

  • OriginY

Origin in Y-direction

-

MaxWidth

Maximum width

-

MaxHeight

Maximum height

-

MinWidth

Minimum width

-

MinHeight

Minimum height

-

GridColumnIndex

Value for the grid column width

0

GridRowIndex

Value for the grid row height

0

Zindex

 

-

BoxShadow

Value for the shadow

…

Layout 28: Colors

 

 

  • Color

Color of the shadow

##FF000000

Layout 29: General

 

 

  • OffsetX

Offset of the shadow in the X direction.

Unit: px or %

0

  • OffsetY

Offset of the shadow in the Y direction.

Unit: px or %

0

  • Inset

Inset

False

  • Blur

Blurring of the shadow.

Unit: px or %

0

  • Spread

Spread of the shadow.

Unit: px or %

0