Element modes

 NEW

We have added the capability to create mods for elements (all of them!). This allows for significant alteration of both the appearance and actions of the element depending on dynamic data. This functionality extends to page lists as well: you can easily modify the structure of the list with just a few clicks.

Mode creation dialog

Media upload: support for .svg (color inheritance included) and .webp

 NEW

We have implemented the ability to upload images in the webp format. Additionally, you now have the unique opportunity to upload images in the .svg format. It is important to understand that an SVG image containing ‘currentColor’ as a color indication will adopt the element’s color settings—this is particularly convenient for creating unique icons.

Extended media upload box

We recommend to use this icons: Open Source Icon Sets – Iconify

Use any .svg image as icon. Animated .svg also supported.

Granural Padding & Border Radius Control

 NEW

It has become convenient to set different value for different sides. Feel free to utilize this feature!

Advanced border radius control

Extended Background Size & Position

 NEW

Now you have more control over the background at the page, project, and other supported element. You can now specify sizes and positions as well.

Background Image for Containers

 NEW

The ability to specify a background for the container is now available. Control for position, opacity, size, blur included!

Containers with custom background Images

Border Radius for Containers

 NEW

Utilize border radius directives for the container to enhance the appearance of your project.

Container border radius

Text Wrap Behavior for Button & Text Elements

 NEW

Working with long text has become more convenient. Later we will add convenient tools for automatic truncation of long text.

Control over text wrap

Global Override Theme Design Settings

 NEW

We have moved global project background settings into a separate category in the menu. Additionally, in this menu item you now have the option to specify custom settings for the main colors used. In the future we plan to significantly extend control over the appearance at a global level and allow users to create and share their own design/color themes.

Override global theme color/background settings

Blur Content behind Subpage or Container

 NEW

At the container and subPage level, it is now possible to control the degree of blurring of elements/content beneath them. This is very convenient for highlighting, creating visually appealing effects and improving the readability of your interface.

Background blur effect

Containers are sortable again!

NEW

New Function Creation Modal

NEW

A new editor has been designed for creating functions. Writing and testing functions has become much more convenient. Additionally, integrated documentation with all available global data and variables for use will be added to this modal soon.

New Function Creation Modal

New DateTime Widget

NEW

We have added a DateTime widget for convenient and fast visualization of the current time and date with detailed formatting options and the ability to specify time zones.

DateTime widget

Precache External Images

 NEW

If your project extensively uses images from external sources you can now cache them in advance so that users will see them instantly when using your GUI.

Add datasource with urls array should be precached

Image Lazy Load Option

NEW

Using this option will allow you to defer the immediate loading of heavy images and improve the user experience.

Image lazy loading

Shades Control Widget Improved

 NEW

Advanced settings and bug fixes have been implemented for the shades control widget. You can now configure the curtain style in more detail. Additionally, users can adjust the degree of opening and closing by directly dragging the curtain fabric.

Added support for dynamic classnames

 NEW

We have added the ability to assign dynamic CSS classes to any element on your page. This allows you to change the appearance of elements using not only built-in settings but also custom CSS styles.

You can assign as many classes as you want separated by a space.

Dynamic CSS classnames for any element

Environments

 NEW

We are pleased to introduce our new feature, Environments. Now, each project can have multiple environments, each storing specific settings that can be used in various scenarios. For example, different connection settings to the processor that you can use at your workplace as well as for final testing on the client’s hardware. It’s easy to switch between environments both during interface creation and when selecting them for building. When changing the active environment in the page editor, the live preview instantly applies all the current settings you have selected.

Crestron processor auth token support

 NEW

We have implemented support for authorization tokens for connecting to processors. This allows us to avoid redirects during authentication.

Variables Side Effects

 NEW

Now you have the ability to react to changes in variable values. In the event of a variable change, you can create as many actions as needed. This can include actions to send any type of signal, assign a variable, change a page, or anything else necessary to implement your scenario.

Updated variables table

Variables side effects form

Dynamic subpage inside overlay

 NEW

Now, when opening the overlay you can specify the page that should appear in it dynamically. This allows us to implement various interface logic within a single element as part of an action.

Call overlay by subpage name

Video element updated: new options and HLS support

 NEW

The video element has been significantly enhanced. It now includes extended settings for controlling the display of player interface elements as well as support for the new format: HLS.

Updated video element

New action type: Run Function

 NEW

We have introduced the ability to create an action that allows you to execute any JavaScript function you have previously created. This action can be applied to any element.

Function runner

Bugfix & Small improvements

 UPDATE   BUGFIX

• Better behavior for text input element, slider, circle slider, toggle, checkbox, switch.
• Fix Button element pressed state styles
• Update fullscreen editors (html block, css)
• Back routing doesn’t trigger action if actually no back page exist
• Click on image allow open overlay
• Better webxpanel initialization method, webxpanel updated to latest version
• Fix bugs on touch click events
• Fix bugs when sometimes overlay cannot be closed
• Stop execute actions from list elements while it scrolling
• Edit action form bug with representing wrong initial data
• Click event may triggered twice on iOS – fixed
• Fix project clone process
• Improve page/subpage search
• Improve subpage search whet setting up a route action
• Live session isolation: one per login instance
• Fixed unresponsive field while editing assigned dataset
• Fixed: Color field doesn’t show current color value (text element for example)
• Fixed: Dpad keep working when disabled
• Fixed: Circle slider send wrong value when ends with zero and using fraction
• Add project clone progress indicator

New Element: Text Input

 NEW

A new widget for controlling shades with rich appearance and display settings.

Shades control

HTML block element

 NEW

A new element has been introduced allowing you to embed HTML code, including tags, styles, and scripts. For example, in about 30 seconds, you can insert a fully functional web widget for weather, and it will work seamlessly and display on your page.

More control over the management of pages and subpages

 NEW

Fast filtering as well as mutual mapping of utilized pages and subpages, allows for quick orientation and navigating to edit relevant components, understanding their hierarchy.

Pages & Subpages interface updated

Extend dynamic support

 NEW

We’ve introduced dynamic support for color settings across almost all elements. Additionally, the image source specification is now entirely dynamic—you can use both URLs and dynamically reference images previously loaded into the library, including the use of variables and/or a datasource.

Video element

 NEW

A video element has been added. Currently, it’s the most basic implementation; later, we’ll update the list of supported properties and display settings for this element.

Actions updates: OnChange, Page Actions, new properties

 NEW

Actions for pages (and subpages) have been added, which can be triggered upon the loading or unloading of a page (subpage).

For all types of events, you can now set a delay in the action execution.

For elements that imply a change in the value of something (such as sliders, checkboxes, inputs, etc.), onChange actions are available. These actions allow you to trigger any events before or after the value changes, as well as directly manipulate the changing value.

For the digital type action, numerous new options have been added for working with the sent value: momentaries and toggles are now available. Additionally, for the Pulse value type you can configure the delay for value transitions.

Image as Icon

 NEW

In all elements where there is an icon specification (for example, a button), you can attach not only an icon available in one of the preinstalled libraries but also use any image. Moreover, this image can be loaded either from the library or dynamically.

Overlay: Any Click to Close

 NEW

An important option has been added for overlay control: the ability to close the overlay by clicking anywhere on the screen. This is useful for implementing informational pop-ups that do not require user interaction.

CSS & Code Editors updates

 NEW

We have reformatted the appearance and display settings for code editors used for writing CSS and HTML block code. You can relocate the code edit and also expand it to full screen.

Bugfix & Small improvements

 UPDATE BUGFIX

• Fix touch actions in Crestron One
• Added border support to many element
• Fix bugs with value in multiply circle sliders on the page
• More stable functions
• Fix deep nested parameters values
• Fix action info in sidebar, add ability to edit actions without need to recreate them
• Create user profile page
• Added background color for toggle widget
• Change JSON viewer to the code editor
• Added dynamic support to the page BG
• Added filtering for the single element generation
• Fix show Overlay when subpage is a trigger
• Fix element selection in global container
• Improved element reposition by drag
• Added background blur option for overlay
• Added text uppercase option
• Added text color to button, text elements
• Better image caching
• …and many more