ISelectionInputStyle
Defines the visual style applied to a selection input (checkbox or radio button) in an exported PDF document.
Inherited from the following class(es):
Properties
Methods
Events
Specifies the background color of the input 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:
- IInputStyle
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 check mark character used for the selection input.
Check mark characters are taken from the standard Zapf Dingbats PDF font. Although any character from this font can be used, the most commonly suitable options are listed below:
| Zapf Dingbats character | Description |
|---|---|
3 |
Light check mark |
4 |
Heavy check mark |
n |
Square box |
l |
Circle |
5 |
Light "x" mark |
6 |
Heavy "x" mark |
7 |
Alternate cross |
8 |
Alternate cross variant |
- Type:
- string readonly
- Implemented in:
- ISelectionInputStyle
Specifies the text 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")
- Type:
- string readonly
- Implemented in:
- ITextStyle
Specifies the font family.
Possible values:
"Helvetica""Courier""Times""Symbol""ZapfDingbats"- Custom font name
- Type:
- string readonly
- Implemented in:
- ITextStyle
Specifies the font style.
Possible values:
"normal""bold""italic""bolditalic"
- Type:
- string readonly
- Implemented in:
- ITextStyle
Specifies the height of the selection input, in points.
- Type:
- number readonly
- Implemented in:
- ISelectionInputStyle
Specifies the width of the selection input, in points.
- Type:
- number readonly
- Implemented in:
- ISelectionInputStyle
Send feedback to the SurveyJS team
Need help? Visit our support page