Making content

Freely create unique content without restrictions. Combine a wide array of design elements provided in VXT Canvas, which include templates, widgets, patterns, and art, to achieve the desired styles and layouts. Create unique content with ease by freely editing the positions, sizes, and colors of elements. Arrange and decorate as you see fit. Let your creativity take shape using the intuitive editing tools.

Creating Content Using Templates

VXT Canvas provides a wide range of templates enabling users to create expert-quality content with ease.

1. On the main page of the Content menu, click Create Content to open a blank page. A blank, untitled canvas with a white background is displayed.

2. Enter a name to specify the canvas name.

3. From the main panel on the canvas page, click Templates and then select a template.

4. The selected template appears on the Canvas page.

5. Add text or media elements to the template.

6. From the element properties panel on the right, fine-tune the properties to achieve the desired content.

Available categories of templates

The following items are displayed when the Template menu is selected.

Editing Specific Template Settings Using the Properties Menu

Freely adjust the background, color, size, sound, and style for a template added to a canvas. With just a few simple edits, you can transform your content into engaging and eye-catching content.

1. Select the design element you want to edit from VXT Canvas. Editable items are displayed in the element properties panel on the right.

2. Select the image you want to edit, and then edit as desired by configuring settings in the element properties panel. Images, texts, background theme, and other items can be individually edited.

• To move an element, click the element and drag it to the desired position.

• To resize an element, click one corner of the element and drag up/down or left/right.

• To rotate an element, select the element and drag the rotation axis in the desired direction.

Background properties

Adjust properties of background elements. Click the BG tab.

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.

Style properties

To change the font, background color, or styles, click the Style tab. Displayed editable style items differ from element to element.

Text Style

The following text style properties can be edited when a text element is clicked.

Image style

The following style properties can be edited when an image element is clicked.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.

• To copy the selected element, select Arrange in the Duplicate tab.

• To delete the selected element, select Arrange in the Delete tab.

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.

• To preview an inserted animation effect, click Preview from the Content menu.

Creating Content Using Art Elements

VXT Canvas offers paintings, photos, and other art elements.
You cannot add or overlap another element on top of art elements, as they are copyrighted works.

1. Open the main page of the Content menu.

2. From the main panel on the canvas page, select Art.

3. From the list of art elements, select the art you want to add. The canvas displays the selected art.

4. From the element properties panel on the right, fine-tune the properties to achieve the desired content. For more information about element properties, refer to the following:

   • Editing art using the properties menu

Art items

The following items are displayed when the Art menu is selected.

Editing art using the properties menu

Edit the styles of the art element you have added to a canvas. This can be done from the element properties panel on the right of the canvas.

Creating Content Using Widget Elements

VXT CMS offers a wide variety of widgets, including menu boards, weather information, clocks, and button lists. Add visual effects, such as rotating objects, flying confetti, and radial waves to suit your needs.

• When displaying a website using a web widget, the VXT Player plays the website by inserting it in an iframe format. If the URL is not played properly, confirm that it is a URL that can be played in an iframe format.

• For more information about iframe, refer to the following:

  https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

1. Open the main page of the Content menu.

2. From the main panel on the canvas page, select Widgets.

3. From the list of widget elements, select the desired widget to display it on the canvas. For the range of widgets available in VXT CMS, refer to the following:

   • Using Different Types of Widgets

4. From the element properties panel on the right, fine-tune the properties to achieve the desired content.

Widgets Menu

The following items are displayed when the Widgets menu is selected.

Using Different Types of Widgets

Add various widgets, offered by VXT, to your content. This organically connects the content to functions to expand functionality, allowing you to use the functions more easily.

Using menu board widgets

Select a menu board widget and customize it to suit your preferences.

1. From the main panel on the canvas page, click Widgets > Menu Board and then select the menu board widget you want.

   If the intended menu board widget is not found on the list, click Show more to browse more widgets.

2. The selected widget appears on the Canvas.

3. In the element properties panel, adjust the properties of elements included in the widget, such as images, texts, and/or layouts, to achieve the desired content. For more information about element properties, refer to the following:

   • Editing a menu board widget using the properties menu

Editing a menu board widget using the properties menu

Edit the styles of a menu board widget added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BG tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust style properties of a menu board. Click the Style tab.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Editing menu board widget items

Edit the images and descriptions of food/beverage items shown on a menu board, as well as the menu board background. In the Style tab, click Edit Menu Items. A pop-up window appears where you can edit menu items.

Hover the mouse cursor over a menu item to display the following icons.

• (Sold out: On:Sold out: On): Change the status of a food/beverage item to sold out.

• (Hide): Hide a food/beverage item.

• (Move): Drag and drop to rearrange a food/beverage item.

• (Delete): Delete a food/beverage item.

Using button list widgets

Configure button-associated actions using a button list widget.

1. From the main panel on the canvas page, click Widgets > Button List and then select the button list you want.

   If the intended button list widget is not found, click Show more to browse more widgets.

2. The selected widget appears on the Canvas.

3. Edit button items, button list name, and background image by adjusting the properties of elements, to achieve the desired content.

   • Editing a button list widget using the properties menu

Setting actions to trigger when a button is clicked

Configure functions to trigger when a button is clicked, as follows:

1. Select a button list and then click Edit Button Items in the element properties panel on the right.

2. Configure the Click to Action settings for the intended button item.

   • Select Move page: Redirects to the specified page when a specific button is clicked.

   • Change Language: Changes to the specified language when a specific button is clicked.

3. Click Done to save the changes.

   To set actions to trigger when a button is focused on using the remote control or by touching the button, configure the Focus to Action settings.

Editing a button list widget using the properties menu

Edit the styles of a button list widget added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust style properties of a button list widget. Click the Style tab.

Editing button list settings

Edit the image and background of a button list, as well as the actions to trigger when a button is clicked. In the Style tab, click Edit Button Items. The edit-button window appears.

• When an added language is in use, a button list appears, comprised of the same items as the items for the default language. Items other than button names or descriptions can be added, edited or deleted.

Hover the mouse cursor over a menu item to display the following icons.

• (Hide): Hides the button.

• (Move): Drag and drop to rearrange a food/beverage item.

• (Delete): Delete a food/beverage item.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Using social media widgets

VXT CMS supports an Instagram business widget.
For details on how to set and use an Instagram business widget, refer to the following:

• Using the Instagram Widget

Using external input widgets

VXT Canvas can display the content playing on a connected external device or on a website.

• If you publish web elements containing streaming media together with other media elements, they may not play properly on the screens. Add only one external input widget per page.

Connecting an external input source

1. From the main panel on the canvas page, select Widgets > SOURCE > (TV/HDMI). The selected widget is displayed on the canvas.

   • Only one external input source can be added per page.

   • For some products, the HDMI output may not be displayed when the screen orientation is set to vertical. Please check the product’s release year and model.

2. Select an external input source from the element properties panel on the right.

3. Adjust the size of the external input widget, displayed on the canvas, by dragging with the mouse cursor. External device content is displayed at the size of the widget displayed on the canvas.

4. Click Preview to check that the content playing on the external input source is displayed properly.

Connecting a Website

1. From the main panel on the canvas page, select Widgets > SOURCE > (Web). The selected widget is displayed on the canvas.

2. In the element properties panel on the right, enter the address of the website from which you want to import content for playback. Make sure the address includes “http://” or “https://.”

3. Adjust the size of the external input widget, displayed on the canvas, by dragging with the mouse cursor. External device content is displayed at the size of the widget displayed on the canvas.

4. Click Preview to check that the specified web content is displayed properly.

Editing a widget using the properties menu

Edit the styles of a button list widget added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Style

Item	Description
Source	Select an external input source.
Address	Enter the website address to be displayed on the canvas. Make sure the address starts with “http://” or “https://.”
Refresh Interval	Set the website refresh interval.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.
For more information about animation properties, refer to the following:

• Animation properties

Using Utilities widgets

Ticker

Ticker displays scrolling text at the top of bottom of a screen. This is a useful feature for providing real-time information, such as news headlines, stock information, and announcements.

1. From the main panel on the canvas page, select Widgets > Utilities > (Ticker).

2. The Add text option appears on the canvas.

3. In the element properties panel on the right, enter a ticker message in the message field.

4. Adjust animation effects, text color, and other element properties to customize the ticker styles.

5. Adjust the position of the ticker, displayed on the canvas, by dragging with the mouse.

RSS

This widget receives and displays the headlines and content of news articles, provided by external RSS feeds, on screens, in real time.

1. From the main panel on the canvas page, select Widgets > Utilities > (RSS).

2. News headlines and content are displayed on the canvas.

3. To switch to a specific RSS feed, select an RSS feed item for news sites from the element properties panel on the right.

4. Adjust the feed count, refresh interval, animation effects, and other element properties to customize the RSS feed styles.

5. Adjust the sizes and positions of the RSS feeds, displayed on the canvas, by dragging with the mouse cursor.

QR

Using the QR code widget, create QR codes providing access to digital resources or information, such as website addresses, app links, or coupon information, and display them on screens. Users can scan a QR code with their smartphone to instantly access the linked content.

1. From the main panel on the canvas page, select Widgets > Utilities > (QR Generator).

   • If Utilities is not found uner QR Generator, click Show more on the right.

2. The QR code appears on the canvas.

3. In the element properties panel on the right, select a QR Type from the Style tab.

4. Select an item from among the Input Type items, and then enter the desired text, location information, and URL.

5. Adjust the QR code's color, size, animation effects, and other element properties to customize the QR code styles.

Countdown

Displays the number of hours remaining until a specified date and time.

1. From the main panel on the canvas page, select Widgets > Utilities > (Countdown).

   • If Utilities is not found under Countdown, click Show more on the right.

2. The countdown widget appears on the canvas.

3. In the element properties panel on the right, click the Style tab, enter a title under Title, and then enter a description of the countdown under Description.

4. Adjust the countdown text color, alignment, animation effects, and other element properties to customize the countdown widget styles.

Stock

Displays stock market updates.

1. From the main panel on the canvas page, select Widgets > Utilities > (Stock).

   • If Utilities is not found under Stock, click Show more on the right.

2. The exchange rate widget appears on the canvas.

3. In the element properties panel on the right, click the Style tab, select the stock markets for which you want to display information, and then set a transition effect.

4. Adjust the element properties to customize the exchange rate widget styles.

Currency

Displays up-to-date exchange rates.

1. From the main panel on the canvas page, select Widgets > Utilities > (Currency).

   • If Utilities is not found under Currency, click Show more on the right.

2. The exchange rate widget appears on the canvas, providing up-to-date exchange rate information.

3. In the element properties panel on the right, click the Style tab, set the Base Currency and Target Currency values, and then adjust element properties to customize the stock widget styles.

Editing a utilities widget using the properties menu

Edit the styles of a utilities widget added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.

For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust style properties. Click the Style tab.

• Ticker display style properties

• RSS feed style properties

• QR code style properties

• Countdown display style properties

• Stock index display style properties

• Exchange rate display style properties

• Calendar style properties

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.
For more information about animation properties, refer to the following:

• Animation properties

Using weather widgets

Using a weather widget, display current weather information and forecasts for a specified area, in real time, on the screen.

1. From the main panel on the canvas page, click Widgets > Weather and then select the widget you want.

2. The selected weather widget appears on the canvas.

3. In the element properties panel on the right, select a weather location, language, time format, and temperature unit.

4. Adjust the font color, alignment, animation effects, and other element properties to customize the clock widget styles.

   • Editing a weather widget using the properties menu

Editing a weather widget using the properties menu

Edit the styles of a weather widget added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust style properties. Click the Style tab.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.
For more information about animation properties, refer to the following:

• Animation properties

Using clock widgets

Using a clock widget, display the current time, as follows:

1. From the main panel on the canvas page, click Widgets > Clock and then select the widget you want.

2. The selected clock widget appears on the canvas.

3. To display a clock for a specific time zone, set the time zone and date/time format from the element properties panel on the right.

4. To use daylight saving time, toggle on the option “Daylight Saving Time.”

5. Adjust the font color, alignment, animation effects, and other element properties to customize the clock widget styles.

   • Editing a clock widget using the properties menu

Editing a clock widget using the properties menu

Edit the styles of a clock widget added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust style properties. Click the Style tab.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.
For more information about animation properties, refer to the following:

• Animation properties

Using animation effect widgets

Add various motions to images, to attract attention and express content more dynamically.

1. From the main panel on the canvas page, click Widgets > Animation and then select the widget you want.

   • (Rotate): Selected images spin and move along a curve or straight line. Each spinning image is highlighted at the specified position.

   • (Expanded): Selected images, aligned to the bottom, become larger and move to the center of the widget, one after another.

   • (Wave): Selected images, placed at the bottom, move up and down one after another, creating a wave effect.

2. The selected animation effect widget appears on the canvas.

3. In the properties panel on the right, click the Style tab and then click under the image.

4. Select the image you want and then click OK.

   You can remove the background from the image, if necessary. For details on how to remove the background from an image, refer to the following:

   • Removing a background image

5. Adjust the playback time, background color, animation effects, and other element properties to customize the widget styles.

   • Editing an animation effect widget using the properties menu

Editing an animation effect widget using the properties menu

Edit the styles of an animation effect widget added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust style properties. Click the Style tab.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.
For more information about animation properties, refer to the following:

• Animation properties

Using visual effects widgets

Add visual effects to content, such as flying confetti, falling rain, or falling snow.

1. From the main panel on the canvas page, click Widgets > Visual Effect and then select the widget you want.

   • (Confetti): Add a visual effect of flying confetti.

   • (Snow): Add a visual effect of falling snow.

   • (Rain): Add a visual effect of falling rain.

   • (Smoke): Add a visual effect of smoke rising.

   • (Bubble): Add a visual effect of water droplets floating upward.

   • (Light): Add a visual effect of light spreading.

   • (Coloring): Add a visual effect of specified colors moving.

2. The selected visual effect widget appears on the canvas.

3. In the element properties panel on the right, click the Style tab and then set the visual effect speed, size, and quantity. Adjust the element properties to customize the widget styles.

   • Editing a visual effect widget using the properties menu

Editing a visual effect widget using the properties menu

Edit the styles of a visual effect widget added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust style properties. Click the Style tab.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.
For more information about animation properties, refer to the following:

• Animation properties

Creating Content Using Media Elements

Import media elements (e.g., images, videos, web content, and MS Office files) previously uploaded to workspace content items.

• 4K video cannot be used together with video of a different resolution

• For details on how to upload media content, refer to the following:

  • Adding Content from My Device

1. Open the main page of the Content menu.

2. From the main panel on the canvas page, select Media.

3. From the list of media elements, select the desired media element to display it on the canvas.

Media menu items

The following items are displayed when the Media menu is selected.

Using image elements

Use image content added to workspaces.

1. From the main panel on the canvas page, click Media > Image and then select the content item you want. To browse more image content items, click More.

2. The selected image appears on the canvas.

3. From the element properties panel on the right, fine-tune the properties to achieve the desired content.

   • Editing images using the properties menu

Editing images using the properties menu

Edit an image added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust the following properties of an image element. Click the Style tab.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.
For more information about animation properties, refer to the following:

• Animation properties

Removing a background image

When you want to increase attention to a specific object in an image, such as a product, figure, or logo, or when you want to create visual unity and atmosphere by changing the background color, remove the background from the image.

• This feature may not be supported, depending on the rate plan in use.

1. On the canvas, display the image element from which you want to remove the background.

2. In the element properties panel, select the Style tab and then click Remove Background.

3. Click Delete. The background is removed from the image.

4. Click Done to save the edited image.

Partially removing a background

It is possible to partially remove the background from an image.

1. On the canvas, display the image element from which you want to remove the background.

2. In the element properties panel, select the Style tab and then click Remove Background.

3. Drag with the mouse to mark the area of the background to retain, and then click Delete. Only the background outside the marked area is deleted.

4. Click Done to save the edited image.

Using video elements

Use video content added to workspaces.

1. From the main panel on the canvas page, click Media > Video and then select the content you want. To browse more video content items, click More.

2. The selected video appears on the canvas.

3. From the element properties panel on the right, fine-tune the properties to achieve the desired content.

   • Editing a video using the properties menu

Editing a video using the properties menu

Edit a video added to a canvas. This can be done from the element properties panel on the right of the canvas.

• For video elements, Style and Animation properties are not supported.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Alignment properties

Configure alignment properties to align or rearrange videos. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Using web content elements

Use web content added to workspaces.

1. From the main panel on the canvas page, click Media > Web and then select the content you want. To browse more web content items, click More.

2. The selected web content appears on the canvas.

3. From the element properties panel on the right, fine-tune the properties to achieve the desired content.

   • Editing web content using the properties menu

Editing web content using the properties menu

Edit a web document added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Edit web content address or refresh rate. Click the Style tab.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.
For more information about animation properties, refer to the following:

• Animation properties

Using MS Office elements

Use documents added to workspaces.

1. From the main panel on the canvas page, click Media > Office and then select the content you want. To browse more documents, click More.

2. The selected document appears on the canvas.

3. From the element properties panel on the right, fine-tune the properties to achieve the desired content.

   • Editing a document using the properties menu

Editing a document using the properties menu

Edit an added MS Office document. This can be done from the element properties panel on the right of the canvas.

• For MS Office document elements, animation properties are not supported.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust the properties of an MS Office document. Click the Style tab.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Creating Content Using Text Elements

Using text elements, insert or edit texts to content, and decorate the content.

1. Open the main page of the Content menu.

2. From the main panel on the canvas page, select Text.

3. From the element properties panel on the right, fine-tune the properties to achieve the desired content.

   • Editing a text widget using the properties menu

4. Edit the content or visual representation of text.

Text menu items

The following items are displayed when the Text menu is selected.

Editing a text widget using the properties menu

Edit a text element added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust the following properties of a text element. Click the Style tab.

Alignment properties

Configure settings to align or rearrange image or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.
For more information about animation properties, refer to the following:

• Animation properties

Creating Content Using Geometric Shape Elements

Add various line and geometric shape elements (e.g., circles, triangles, squares, and/or polygons).

1. Open the main page of the Content menu with a template added.

2. From the main panel on the canvas page, select Shapes.

3. From the list of geometric shape elements, select the geometric shape you want. The selected geometric shape appears on the canvas.

4. Edit the size, color, and other attributes of the shape. From the element properties panel on the right, adjust the properties to achieve the desired content.

   • Editing a geometric shape widget using the properties menu

Shapes menu items

The following items are displayed when the Shapes menu is selected.

Editing a geometric shape widget using the properties menu

Edit a geometric shape added to a canvas. This can be done from the element properties panel on the right of the canvas.

Background properties

Adjust properties of background elements. Click the BACKGROUND tab.
For more information about background properties, refer to the following:

• Background properties

Canvas properties

Adjust the properties of canvas elements. Click the Canvas tab.
For more information about canvas properties, refer to the following:

• Canvas properties

Style properties

Adjust the following properties of a geometric shape element. Click the Style tab.

Alignment properties

Configure settings to align or rearrange image, shape, and/or text elements. Click the Arrange tab.
For more information about alignment properties, refer to the following:

• Alignment properties

Animation properties

Insert specific animation effects into elements, or adjust the settings of elements that have animation effects. Click the Animation tab.
For more information about animation properties, refer to the following:

• Animation properties

Creating Content Using Library Elements

Upload data in your local storage to VXT CMS for use as elements, instead of using templates or designs available on the canvas page. Alternatively, use free images available on Pixabay as elements for creating content.

Library menu items

The following items are displayed when the Library menu is selected.

Adding Pixabay images

Use free images available on Pixabay as elements for creating content.

1. From the main panel on the canvas page, click Library > Pixabay and then select the element you want. To browse more images, click More.

   If the intended image is not found, search for more images by selecting More and entering a search term in the search box.

2. The selected Pixabay image appears on the canvas.

3. From the element properties panel on the right, fine-tune the properties to achieve the desired content. For more information about element properties, refer to the following:

   • Editing images using the properties menu

Adding locally stored images

Use images, uploaded to VXT Canvas, as elements for creating content.

1. From the main panel on the canvas page, click Library > Image and then select the element you want. To browse more images, click More.

2. The selected image appears on the canvas.

3. From the element properties panel on the right, fine-tune the properties to achieve the desired content.

   • Editing images using the properties menu

Adding videos

Use videos, uploaded to VXT Canvas, as elements for creating content.

1. From the main panel on the canvas page, click Library > Video and then select the element you want. To browse more videos, click More.

2. The selected video appears on the canvas.

3. From the element properties panel on the right, fine-tune the properties to achieve the desired content.

   • Editing a video using the properties menu

Adding sounds

Insert sounds into content to add life to the content. Use sounds, uploaded to VXT Canvas, as elements for creating content.

1. From the main panel on the canvas page, click Library > Sound and then select the element you want. To browse more sounds, click More.

2. Drag and drop a sound from the left panel into the content. The sound is inserted into the content.

Expanding Content Using Apps

To use elements that are not available in VXT Canvas, you can add those elements using an app. Install the app you want, as follows:

1. Open the Canvas page.

2. From the main panel of the canvas page, click Apps.

3. Select the intended app from the list of apps for each app category, and then click Install to install the app.

4. The installed app can be found at the bottom of the main panel of the canvas page. Use the installed app to add elements.

Apps menu items

The following items are displayed when the Apps menu is selected.

Using the SmartThings App

Using the SmartThings app, create dynamic content based on events on your SmartThings devices.
Search for Apps from SmartThings, and then select Install to install the app.

Using the Data Sync App

Register data sources to create dynamic content easily and quickly.
Search for Apps from Data Sync, and then click Install to install the app.

Using the Gen AI App

Create content, using the Gen AI app.

1. Search for Apps from Gen AI, and then click Install to install the app.

2. When installation is complete, enter a description of the content you want to create in the Message field.

3. Set the aspect ratio, size, and other attributes, and then click Generate.

4. Select the desired content from among the generated content items and load it onto your page.

Using Various Apps

In addition to the simple apps introduced on this page, you can install and use a wider variety of apps on Canvas.
For more information about available apps and how to use them, refer to the following:

• Using the Dropbox App

• Using the Google Drive App

• Using the Microsoft Excel App

• Using the OneDrive App

• Using the Microsoft PowerPoint App

• Using the Power BI App

• Using the SharePoint App