Core Covalent directives
Import the [CovalentCommonModule] in your NgModule:
Use
tdFullScreen
directive on any element you want full screen.
Assign
tdFullScreen
to a template reference variable
#myFullScreenElement="tdFullScreen"
.
Use the template reference variable to access properties and metheds of the directive:
myFullScreenElement.fullScreenIsActive
, Check if fullscreen is activated for this element
myFullScreenElement.toggleFullScreen()
, Toggle fullscreen for this element
myFullScreenElement.enterFullScreen()
, Active fullscreen for this element
myFullScreenElement.exitFullScreen()
, Exit fullscreen for this element
Usage:
Press the button below to view this card in fullscreen mode.
Select the button below or press the esc key to exit fullscreen mode.
Use
tdAutoTrim
on an input to automatically trim the characters.
Try entering white spaces before or after a word this input:
Usage: