ISurveyStyle
Defines the visual style applied to survey UI elements in an exported PDF document.
Customize Styling and Layout in PDF
Inherited from the following class(es):
Properties
Methods
Events
Specifies the background color of the container element.
Supported formats:
- Hexadecimal color values with an optional alpha channel (for example,
"#ff0000","#0000FF80") - RGB and RGBA functional notation (for example,
"rgb(255, 0, 0)","rgba(0, 0, 255, 0.5)") - CSS-named colors (for example,
"green","red","aliceblue")
- Type:
- string readonly
- Implemented in:
- IContainerStyle
Specifies the border color.
Supported formats:
- Hexadecimal color values with an optional alpha channel (for example,
"#ff0000","#0000FF80") - RGB and RGBA functional notation (for example,
"rgb(255, 0, 0)","rgba(0, 0, 255, 0.5)") - CSS-named colors (for example,
"green","red","aliceblue")
A single value applies the same color to all four sides. An array assigns colors per side using CSS shorthand semantics:
// all four sides
borderColor: "#ff0000",
// top and bottom | left and right
borderColor: ["#ff0000", "#0000ff"],
// top | left and right | bottom
borderColor: ["#ff0000", "#008000", "#0000ff"],
// top | right | bottom | left
borderColor: ["#ff0000", "#008000", "#0000ff", "#FFA500"]
- Type:
- any readonly
- Implemented in:
- IBorderStyle
Specifies the border radius, in points.
A single value applies the same radius to all four corners. An array assigns corner radii using CSS shorthand semantics:
// all four corners
borderRadius: 15,
// top-left and bottom-right | top-right and bottom-left
borderRadius: [15, 50],
// top-left | top-right and bottom-left | bottom-right
borderRadius: [15, 50, 30],
// top-left | top-right | bottom-right | bottom-left
borderRadius: [15, 50, 30, 5]
- Type:
- any readonly
- Implemented in:
- IBorderStyle
Specifies the border width, in points.
A single value applies the same width to all four sides. An array assigns widths per side using CSS shorthand semantics:
// all four sides
borderWidth: 2,
// top and bottom | left and right
borderWidth: [2, 1],
// top | left and right | bottom
borderWidth: [2, 1, 4],
// top | right | bottom | left
borderWidth: [2, 1, 4, 3]
- Type:
- any readonly
- Implemented in:
- IBorderStyle
Specifies the visual style applied to the survey description.
- Type:
- ITextStyle readonly
- Implemented in:
- ISurveyStyle
Specifies the visual style applied to the survey header.
- Type:
- IContainerStyle readonly
- Implemented in:
- ISurveyStyle
Specifies the container padding, in points.
A single number applies uniform padding to all sides. An array specifies padding values for individual sides:
// all four sides
padding: 12,
// top and bottom | left and right
padding: [12, 24],
// top | left and right | bottom
padding: [12, 6, 24],
// top | right | bottom | left
padding: [12, 12, 24, 24]
- Type:
- number | {} readonly
- Implemented in:
- IContainerStyle
Specifies spacing values applied to survey UI elements.
- Type:
- ISurveySpacing readonly
- Implemented in:
- ISurveyStyle
Specifies the visual style applied to the survey title.
- Type:
- ITextStyle readonly
- Implemented in:
- ISurveyStyle
Send feedback to the SurveyJS team
Need help? Visit our support page