Plugin to add image and color backgrounds

V:1.0

Description

The neoBackground plugin for VisualNEO Web provides options for setting customizable background visuals, including static colors, images, and gradients, to enhance the visual experience of web applications. Here’s a summary of its key functionalities:

    • Static Image and Color Backgrounds:
      • With neoBackgroundImage, developers can set an image as a background, specifying parameters like position, repeat, and size. The command allows targeting specific containers or the overall app background.
      • The neoBackgroundColor command sets a static background color, supporting hexadecimal color codes, which is helpful for creating solid, uniform backgrounds.
    • Gradient Backgrounds:
      • neoBackgroundGradient allows developers to create two-color gradients, with customizable angles for seamless color blending.
      • For a more vibrant effect, neoBackgroundAnimatedGradient enables an animated gradient that cycles through four colors, adding motion and visual interest to backgrounds.
    • Text Clip Backgrounds:
      • The neoBackgroundClipText command lets developers clip the background to text, displaying the background through the letters. This effect, commonly used for titles or special content sections, adds a dynamic layer to text visuals.


By using the neoBackground plugin, VisualNEO Web applications can achieve versatile and visually appealing background designs, making it ideal for applications where aesthetics play a crucial role​​.

 

neoBackgroundImage

Purpose:

Set a background image

Category:

neoBackground

Syntax:

neoBackgroundImage "objId" imgUrl "position repeat "size

 

objId

Select Container object (left empty for App background)

imgUrl

Select image

"position

Position"

repeat

Repeat

"size

Size"

 

neoBackgroundColor

Purpose:

Set the background color

Category:

neoBackground

Syntax:

neoBackgroundColor "objId" "color1"

 

objId

Select Container object (left empty for App background)

color1

Color (ie: #ee7752)

 

neoBackgroundGradient

Purpose:

Set a 2 colors background gradient. Samples:
https://uigradients.com
https://webgradients.com

Category:

neoBackground

Syntax:

neoBackgroundGradient "objId" degrees "color1" "color2"

 

objId

Select Container object (left empty for App background)

degrees

Rotation degrees (ie: -45)

color1

Color 1 (ie: #ee7752)

color2

Color 2 (ie: #e73c7e)

 

neoBackgroundAnimatedGradient

Purpose:

Set an animated 4 colors background gradient

Category:

neoBackground

Syntax:

neoBackgroundAnimatedGradient "objId" degrees "color1" "color2" "color3" "color4"

 

objId

Select Container object (left empty for App background)

degrees

Rotation degrees (ie: -45)

color1

Color 1 (ie: #ee7752)

color2

Color 2 (ie: #e73c7e)

color3

Color 3 (ie: #23a6d5)

color4

Color 3 (ie: #23d5ab)

 

neoBackgroundClipText

Purpose:

Clip the background using text so the background is shown under the letters
Use after using a background.

Category:

neoBackground

Syntax:

neoBackgroundClipText "objId"

 

objId

Select an object

 

neoBackgroundUnClipText

Purpose:

Unclip the text background

Category:

neoBackground

Syntax:

neoBackgroundUnClipText "objId"

 

objId

Select an object

Created with the Personal Edition of HelpNDoc: Quickly and Easily Convert Your Word Document to an ePub or Kindle eBook