FEATURE

EFFECT

COMP

CSS

EMBED HTML

ANIMATION

AnimateCustomScroll

Hides an element initially

x

AnimateDelay1

Applies a 1-second animation delay

x

AnimateDelay2

Applies a 2-second animation delay

x

AnimateDelay3

Applies a 3-second animation delay

x

AnimationDtx

Sets base animation properties (duration and opacity

x

AnimateLineAcrossLeft

Animates an element from left to right when given 'StartAnimation' class

x

AnimateLineAcrossRight

Animates an element from right to left when given 'StartAnimation' class

x

AnimateLineDown

Animates an element from top to bottom when given 'StartAnimation' class

x

AnimateLineUp

Animates an element from bottom to top when given 'StartAnimation' class

x

AnimateTextInOut

Animates text with a scale and opacity effect when given 'StartAnimation' class

x

COLOURING

BgColourPrimary

Applies primary background colour

x

BgColourSecondary

Applies secondary background colour

x

BgColourTertiary

Applies tertiary background colour

x

TextColourWhite

Sets text color to white

x

TextColourPrimary

Sets text color to primary colour

x

TextColourSecondary

Sets text color to secondary colour

x

TextColourTertiary

Sets text color to tertiary colour

x

TileBgColourPrimary

Applies primary background colour to tile

x

TileBgColourSecondary

Applies secondary background colour to tile

x

TileBgColourTertiary

Applies secondary background colour to tile

x

TileShadowColourPrimary

Sets tile shadow color to primary colour

x

TileShadowColourSecondary

Sets tile shadow color to secondary colour

x

TileShadowColourTertiary

Sets tile shadow color to tertiary colour

x

AImgScale10 (10-90) +25,33,67,75

Reduces width of app-images by % applied

x

ImgScale10 (10-90) +25,75

Reduces width of images by % applied

x

POSITIONING

FloatRight

Floats an element to the right

x

FloatLeft

Floats an element to the left

x

DISPLAY

Hide

Removes section from display

x

Cards

Reveal / Flip

x

Marquee

Scrolling Text/Icons in small banner background

x

container-fluid

Full width display

x

img-circle

Changes image to circular shape

x

rounded-1 (1-5)

Rounds image/card - 1 less rounded to 5 more rounded

x

img-zoom-hover

Image enlarges slightly

x

Multiple Banner Images in Header

Deployment 9 Dec of text varied by banner)

x

x

double-ring-border

Places a ring around text

x

Gallery (Styling update)

Large image display

x

Carousel

Rotating text/image

x

Counter

Rapid scroll of numbers up to set limit

x

Text Flying In

Right-left-up-down

x

AI

Assisted Composing/Editing

Found in WYSIWYG editor

TRANSLATION

Proper Nouns

Avoid translation (working on this)

PERMISSIONS

Tags

Use Tagging of content for easy retrieval or restricted access to information (app tiles)