Shows an animation card on a custom page .
Figure: Animation Card Widget screen
How to Start
Click Build Pages
On the Pages screen ,
do one of these
Create a Custom Page
Click Add Row .
Open a custom page
Click the bottom horizontal line of the row or right side vertical line of the row or column.Click Add
Click Add Widget .
On the Pick a Widget screen ,
on the Card tab, clickAnimation Card
Fields
Field Name
Definition
Background Image URL
Function:
Specifies the URL of an animated image file to set as a background for the card.
Accepted Values:
A string in URL format
that points to an animated image file.
The file can be one of these types :
.png
.jpg
.jpeg
.gif
.bmp
.tif
Default Value:
None Example:
https://mysite.com/demo/image/upload/Sample.jpg Refer to :
Limitations:
.jpeg and .tif format files are permitted, and .bmp format files are
not permitted in these releases
Maintain Aspect Ratio
Function:
Specifies whether to keep the image in its original size.
Accepted Values:
On - Keeps the image in its original size.Off - You can change the height or width of an image as necessary to show on the widget.
Default Value:
On
Image Height
Function:
Specifies the height of an image.
To Open this Field:
On the Animation Card screen,
turn off the Maintain Aspect Ratio field .
Accepted Values:
An integer .Default Value:
200
Unit
Function:
Specifies the unit for the height or width of an image.
To Open this Field:
On the Animation Card screen,
turn off the Maintain Aspect Ratio field .
Accepted Values:
Pixels (px)
Percentage (%)
Default Value:
Pixels (px)
Image Width
Function:
Specifies the width of an image.
To Open this Field:
On the Animation Card screen,
turn off the Maintain Aspect Ratio field .
Accepted Values:
An integer .Default Value:
200
Image Position
Function:
Specifies the position of an image .Accepted Values:
Above Text - Shows an image above the text.Below Text - Shows an image below the text.
Default Value:
Above Text
Card - Background Color
Function:
Specifies the background color for the
card.Accepted Values:
A color value using a hex code, RGB code, or RGBA code .
You can enter a color code, or select a color from the palette.
Default Value:
ffffff
Example:
#ff0000
#183048
#e16229
rgb(25,151,66)
rgba(87,177,201,2)
Hyperlink
Function:
Specifies whether to make the card or button into a hyperlink.
To Open this Field:
Turn on the Hyperlink field .
Accepted Values:
On - Makes the card or button into hyperlink.Off - Shows the card on the custom page without hyperlink into card and button.
Default Value:
Off
Link URL
Function:
Specifies the URL to open a link when the user click the card or button.
To Open this Field:
Turn on the Hyperlink field .
Accepted Values:
A string in URL format .Default Value:
None Example:
https://mysite.com/mypage.html
Type of Link
Function:
Specifies whether to make an entire card into a hyperlink.
To Open this Field:
Turn on the Hyperlink field .
Accepted Values:
Entire Card - Makes an entire card into a hyperlink.Button - Makes a button into a hyperlink.
Default Value:
Button
Button - Background Color
Function:
Specifies the background color for the
button.To Open this Field:
Turn on the Hyperlink field .Select Button .
Accepted Values:
A color value using a hex code, RGB code, or RGBA code .
You can enter a color code, or select a color from the palette.
Default Value:
ffffff
Example:
#ff0000
#183048
#e16229
rgb(25,151,66)
rgba(87,177,201,2)
Button - Text Color
Function:
Specifies the color for the label text to show in the button.
To Open this Field:
Turn on the Hyperlink field .Select Button .
Accepted Values:
A color value using a hex code, RGB code, or RGBA code .
You can enter a color code, or select a color from the palette.
Default Value:
000000
Example:
#ff0000
#183048
#e16229
rgb(25,151,66)
rgba(87,177,201,2)
Button Text
Function:
Specifies the text label for the button.
To Open this Field:
Turn on the Hyperlink field .Select Button .
Accepted Values:
One line of text that can have spaces .Default Value:
Learn More
Example:
Add
Function:
Adds the widget
.
.
.