Welcome to nfinityXID. This application allows users to create templates and presentations, which can be used within playlists or interactive presentations published to an nfinityX media device.
Create single page dynamic presentations that allow you to connect to live data feeds. This is very useful for menus, business information and airport flight information screens. The XID user interface presents the user with a set of controls allowing him/her to create engaging visual presentations.
The XID interface has three sections
Application Tools (Top Bar from left to right)
Project Name
Once you have saved your presentation, the project name will display in the top left corner of the screen.
Save As & Save
When you create your project, you will save it as the title you want to give it. The next time you open it, the Save button will appear for you to simply save your changes.
Aspect Ratio
Select the aspect ratio, you require your template/presentation to be, from the menu. Your options are 16:9, 9:16, 4:4 & Custom.
Preview
Clicking on preview allows you to view the design in full screen. You are also able to test your interactive presentation.
Snapshot
This allows you to capture a snapshot of your page design.
API Manager
The API Manager enables the user to attach live data to the presentation. This can be done via Google Sheets or a json file.
Script Editor
This is where you would go to add custom scripts and to edit them.
Check For Updates
When you click on Check For Updates, XID goes and looks for updates related to its tools like the API Manager.
About
Click on About to view the XID information, including the version number.
Toolbars (Left panel from top to bottom)
Click on the Add Page button to create a new page.
Click on the Remove Page button to delete a page.
Click on the Duplicate Page button to create a copy of a page.
Click on the Add Text button to add text to a page.
Click on the pyramid icon to add shapes to your presentation.
Click on the nfinityX Media Library button to access all the available media on nfinityX.
Add a Hotspot (transparent overlay) to your presentation by clicking on the flame icon.
Create menus using Smart Cards.
Click on Add a Webpage to add a web component using a URL. It is important to note that the site needs to allow ceros origin.
Add a QR Code by clicking on the icon.
Click on Add a Code Block to add code blocks or pre-made snippets like Time and Date.
Create interactive presentations allowing users to navigate to different pages in the presentation by using Interactive Mode.
Click on Add Image Modal to add further information to screens.
Click on the Duplicate Element icon to duplicate elements.
Click on the Delete Element icon to delete elements.
XID image and control panels
The Design tab contains all functions related to the designing of your presentation. I.e. pages, fonts, elements & animations.
The Layers tab expands the different layers that make up the page that you are on.
The Advanced tab contains toggles where you can switch off the Hot Spots and Template Timeout.
Page Control – Pages
General
Page Name displays the name of the page that you are on.
Appearance
Change the background colour of the page that you are on by clicking on the block and selecting the colour you want your page to be.
Page Timeout
Go To Page is where you select to which page your presentation must transition. Time refers to the duration of the page you are on before it transitions to the next specified page.
Page Navigation
Navigate from page to page by clicking on the relevant pages. You can also add new pages and remove existing ones from this panel.
Font Control – Font
Element Control – Element
General
Appearance
Change the colour of your element and its background in the appearance panel. You can also give your element a coloured border.
Transform & Position
When inserting a background image into your presentation, you will use Stretch To Fill to make the background full screen.
Shrink Element will do the opposite to Stretch to Fill. It will take a full screen image and shrink it down to its original size.
Using Stretch To Fill Height will stretch the element to fill the height of your presentation canvas.
Using Stretch To Fill Width will stretch the element to fill the width of your presentation canvas.
Flip the element vertically by clicking on this icon.
Flip the element horizontally by clicking on this icon.
Crop the image by clicking on this icon.
Attributes
Snap To Grid
Snap To Element
Lock Element In Place literally locks an element in place on the canvas.
Rotate Shape
Rotate Shape is literally used to rotate elements.
Opacity
Control how transparent your elements are with the Opacity scrollbar.
Horizontal Shadow
Move the element’s shadow left or right using the Horizontal Shadow scrollbar.
Vertical Shadow
Move the element’s shadow up or down using the Vertical Shadow scrollbar.
Blur Shadow
Blur the element’s shadow using the Blur Shadow scrollbar.
Shadow Opacity
Increase or decrease the opacity of your element’s shadow by dragging the scrollbar left or right.
Edge Roundness
Set the roundness of the edges of your element’s background using the Edge Roundness scrollbar.
Padding
Add padding to your element’s background using the Padding scrollbar.
Border Width
Increase and decrease the width of the border around your element.
Animation Control – Animations
Animation In
Pulse
The element will pulse in and out.
Floating
The element will float up and down.
Tossing
The element will sway from side to side in its position.
Spinning
The element will turn in circles.
Slide Down & Slide Up
The element will either slide into its position from the top down or the bottom up.
Slide Left & Slide Right
The element will slide into its position either from the right to the left or left to the right.
Pull Up or Pull Down
The element will reveal in its position by either pulling up or down.
Stretch Left or Stretch Right
The element will reveal in its position by either stretching to the left or the right. It is similar to pulling up or down, but just horizontally.
Slide Expand Up & Expand Up
The element will slide into position from the bottom and expand horizontally or vertically.
Fade In
The element will fade in after a set duration.
Expand Open
The element will expand outwards and contract to its original state after a set duration.
Big Entrance
The element expands outwards as it reveals.
Hatch
The element expands upwards in its position and wiggles from side to side.
Bounce
The element will bounce up and land in its position.
Animation Out
Fade Out
The element will fade out.
Datapost Help 