Designer

<< Click to Display Table of Contents >>

Navigation:  Delta Web Service > Core Modules >

Designer

Designer is used to create a custom interface for external control of shows, for example, from a tablet, PC or laptop. It offers a variety of drag-and-drop widgets, effects and simple text-based coding to allow you to create a bespoke user interface for remote show control from touch-screen devices.

Log in to Delta Web Service on the host server IP, and choose Designer from the main landing page, or if in other web service pages, from the top menu:

dws-menu-designer

First of all you will create and name a new page, define its width and height, before adding active components. Everything works by drag-and-drop onto the canvas, delete by dragging off, and everything has a simple properties panel.

Any images you want to use must be stored in the required server, in C:\7thsense\Web\User\Images. If you have no images at the time, placeholders can be used, and images added and applied later. For a background, drag an image onto the show canvas, stretch it to fill the area, and send it backwards behind any other elements.

If you want a more professional finish, you can design the complete interface as an image, then layer active area buttons, or design the background and shinier buttons and use these rather than flat colours.

Add text to your canvas spaces or button groups with labels. Drag, or size and position these by entering dimensions, choose type size and colour (in hex code – http://htmlcolorcodes.com/ is one useful quick source).

Remember to save, or save and preview your control pages before leaving them:

dws-designer-save

The URL is not one that you can reassign, but is the id for the container file. You will notice that on preview, the displayed page URL (for this example) is http://10.100.101.227/designer/live.php?id=59144e15abae8. (In some browser preferences, the last ?variable may not show until the address bar is clicked in.) This can be made the browser’s default page, or bookmark it. Alternatively, select your control page name from Web Services > Configure > Settings, where you pages names will now be displayed.

Where is my Designer Page?

The URL is where all the page design will be saved (\\[serverIP]\7thSense Data\7thSense (C)\web\user\pages). The page is described in a .json file, but will point to other design elements such as images via relative links, on this server in their usual locations (they are not copied).

It is therefore possible to move or copy a Designer Show Control Page to another server, taking care to copy images locally, and edit server locations as necessary.

Page edited [d/m/y]: 07/04/2022