Skip to main content

Slide Properties

Slide Properties#

OptionTypeDefaultDescriptionPossible Values
backgroundBackgroundPropsFFFFFFbackground color/imagesadd background color or image DataOrPathProps and/or ShapeFillProps
colorstring000000default text colorhex color or scheme color.
hiddenbooleanfalsewhether slide is hiddenEx: slide.hidden = true

Examples#

slide.background = { color: "F1F1F1" }; // Solid colorslide.background = { color: "FF3399", transparency: 50 }; // hex fill color with transparency of 50%slide.background = { data: "image/png;base64,ABC[...]123" }; // image: base64 dataslide.background = { path: "https://some.url/image.jpg" }; // image: url
slide.color = "696969"; // Set slide default font color

Slide Numbers#

Syntax#

slide.slideNumber = { x: 1.0, y: "90%" };

Properties#

Position Props (PositionProps)#

OptionTypeDefaultDescriptionPossible Values
xnumber1.0hor location (inches)0-n
xstringhor location (percent)'n%'. (Ex: {x:'50%'} middle of the Slide)
ynumber1.0ver location (inches)0-n
ystringver location (percent)'n%'. (Ex: {y:'50%'} middle of the Slide)
wnumber1.0width (inches)0-n
wstringwidth (percent)'n%'. (Ex: {w:'50%'} 50% the Slide width)
hnumber1.0height (inches)0-n
hstringheight (percent)'n%'. (Ex: {h:'50%'} 50% the Slide height)

Slide Number Props (SlideNumberProps)#

OptionTypeDefaultDescriptionPossible Values
colorstring000000colorhex color or scheme color.
fontFacestringfont faceany available font. Ex: { fontFace:'Arial' }
fontSizenumberfont size8-256. Ex: { fontSize:12 }

Slide Number Examples#

// EX: Add a Slide Number at a given locationslide.slideNumber = { x: 1.0, y: "90%" };
// EX: Styled Slide Numbersslide.slideNumber = { x: 1.0, y: "95%", fontFace: "Courier", fontSize: 32, color: "CF0101" };