It requires adding a special script - RGB libraries - in your project. The script has to be added only once. Then you will be able to use it to control RGB strips of any built-in iRidium drivers.
Palette, displaying the color and the button +/- for controlling brightness
///////// Copy this function to make one more RGB palette ///////
RGB_player(
"Driver", // Driver in project
"Channel Red", // Name of Red Channel
"Channel Green", // Name of Green Channel
"Channel Blue", // Name of Blue Channel
255, // Top limit for RGB channel (100 or 255)
IR.GetItem("Page 1").GetItem("Item Color Picker 1"), // Item "Color Picker"
/////// optional parameters ////////////////////////////
IR.GetItem("Page 1").GetItem("Item Display 1"), // Item "Display"
IR.GetItem("Page 1").GetItem("Up 1"), // Item "Up"
IR.GetItem("Page 1").GetItem("Down 1"), // Item "Down"
10 // Increment step for "Up" and "Down"
)
In the description indicate where the palette is and to what equipment it sends data:
- IR.GetDevice("Driver") - the name of the diver to which you will send RGB commands. Copy the driver name in PROJECT DEVICE PANEL
- "Channel Red", "Channel Green", "Channel Blue" - the names of the variables (Commands) which are responsible for control of red, green and blue color components. Copy the names in PROJECT DEVICE PANEL. The Commands names have to be the same as the names of Feedbacks from where information about the current color of the RGB strip comes.
HDL-Buspro, Domintell - they have a special way of writing names. For them you need to indicate <the device name in the network>:<the channel name>, for example "Dimmer in Bedroom:Channel 1"
- 255 - the maximum brightness value for each color. For the majority of equipment brightness is regulated in the range from 0 to 255 but there are drivers which control color brightness in the range 0...100 (for example, HDL). For HDL-Buspro indicate value 100 for this property.
- IR.GetItem("Page 1").GetItem("Item Color Picker 1") - the page name ("Page 1") and the item on it ("Item Color Picker 1") which you will use as a palette
- IR.GetItem("Page 1").GetItem("Item Display 1") - the page name ("Page 1") and the item on it ("Item Display 1") which you will use for displaying the color selected on the palette
- IR.GetItem("Page 1").GetItem("Up 1") - the page name ("Page 1") and the item on it ("Up 1") which will increase brightness of the selected color on pressing
- IR.GetItem("Page 1").GetItem("Down 1") - the page name ("Page 1") and the item on it ("Down 1") which will decrease brightness of the selected color on pressing
- 10 - the value on which brightness of the selected color will increase/decrease when clicking Up and Down
2.3 Click "OK" to save the palette description. Start Emulator to test its work.
Errors which can appear at incorrect palette description are displayed in the log window (F4)
Static List (List of Popups)
It is a graphic item inside which you can scroll popups. it is used for creating menus controlled with the help of gestures.
1 Create an item and set it up as follows (see all settings):
| Type
|
Joystick
|
| Popups List
|
the list of popups: open the settings window and select the popups to be displayed on the list
|
| Direction
|
the vertical or horizontal list
|
| Resistance
|
(%) the degree of list resistance
|
| Pull Up Type / Time
|
the type of animation at list scrolling / (ms) the speed of list scrolling
|
| List Type
|
the way of "sticking" popups to the edges of the base list item: to the center, to the left edge, to both edges . It is used when the size of popups in the list is different from the base item.
|
| List Gap
|
distance between popups on Static list. The property appears if the List Type = Stick Up or Stick Up & Down property
|
Command to equipment are assigned to graphic items on the popups of the list.
Trend
Linear Trend graphic items are used for building trends of variable changes in time.
Trends can be built in real time receiving information about variables directly from automation equipment. You can also use historic data together with the current variable values. The historic data can be stored only on iRidium server.
To save the history of changes set up saving of the variable in the server database. The setting is performed in the server project. When the variable is saved in the database, you can request the trend of its changes from i3 pro. The trend will unite the historic and actual data depending on the settings of the Linear Trend graphic item.
The setting of trend displaying is performed in the project for control panels.
1 Create the variable which has to be displayed on the trend. Set up the variable storing in the database in the iRidium server project.
The format of the data saving (Signed 32-bit, Float 64-bit) depends on the variable size. To save fractional values always use Float 64-bit.
You can save the variable with the selected frequency (Interval) or when changing it by more than the indicated value (Deadband).
2 Create a graphic item, select Type: Linear Trend. Drag one or several feedback channels for which you want to display the trend of changes on the item:
3 Go to the trend settings and describe its appearance:
- Trend - the main trend properties: work with the database, time range, main curve
- Main Curve - select the main variable on the trend (it will be drawn brighter than the others)
- Background, Data View, Border, Cursor - the design of the trend color scheme, see the example
- List of channels - the variables displayed on the trend and their individual settings (General, Axis X, Axis Y)
- Channel settings - the behavior, color and width of each line on the trend
- Type - the curve behavior when reloading the server (under development)
- Color - the line color
- Depth - the line width
- Tag - the tag full name, it indicates to the driver and server variable from which data comes. It enables control of the variable via JavaScript
- Axis X, Axis Y - the individual settings of trend scales: color, sign and division width
- General - the time scale (the X axis)
- Visible Axis X - to display the time scale
- Position: Down - the time scale begins from the top, Top - from the bottom
- Line - the color of the time scale
- Label, Text - signing of the time scale
Trend examples:
Control the display of trends using a script
Circular level
Circular level is a type of level with a slider moving on a circular scale.
1 Create a variable to control. Set it as described in the manual (see all settings).
2 Create a level and set it this way (see all settings):
| Type |
Circular Level
|
| Feedback |
Reaction of a level to user pressing and to getting data from equipment
- Channel - sends a value and displays feedback (a slider moves when data are received)
|
| Mode |
Modes of a circular level:
- Simple (with one slider and one active zone),
- Double (with two sliders),
- Triple (with three sliders).
|
| Min Angle / Max Angle |
Limits of the slider rotation angle in degrees: admissible values are from 0 to 360, the start and the rotation direction is similar to hands of a clock. You can set Min Angle / Max Angle identical or equal to 0 and 360. In this case the circular level will rotate without angle limits.
|
| Min Value / Max Value |
Limits of changing the level value
|
| Invert Range |
Direction of level rotation:
- False - clockwise,
- True - counterclockwise.
|
| Range Type |
Type of range:
- Integer - integer
- Float - floating point
|
| Active Zone |
The size of the active zone in per cent from 0 to 100:
- 100 - the whole level is an active zone,
- 0 - no active zone, only the slider zone.
|
| Slider |
Slider appearance
|
| Slider Color |
The color of a slider
|
| Slider Image |
The image of a slider in the project gallery (a slider must be displayed with a pointer upwards). This property is available when setting Custom value in Slider property.
|
| Slider Offset |
Shifting the slider image along the slider axis from the center to its upper point in pixels. It is always a nonnegative value.
|
| Slider Stretch |
Fitting the slider image to the size of a circular level
|
| Default Value |
Default value for this slider
|
3 Drag the variable on the level and indicate in the dialog:
| Action
|
Send Token - sent to the variable a Value taken as the current position of a slider in the range from Min Value to Max Value.
|
| Event for Action
|
An interface event connected with the button. When an event happens, the set value is written in the variable
- Press - send Value by press,
- Release - send Value by release,
- Move - send all intermediate values during slider movement.
Add Delay command (100) before a command by Move to decrease the equipment load (with Delay command, Move works no oftener than 100 times in a millisecond).
All three events can be used at the same time.
|
| Add a feedback channel
|
(Create a feedback channel) Put this tick as it is required that a sider move according to the current variable state.
|
4 Het commando (en eventuele feedback) is nu gekoppeld aan de slider. Alle gekoppelde commando's en feedbacks kun je altijd zien in het tabblad OBJECT PROPERTIES > Programming.
Project pages and popups
Een project dient minstens één pagina te bevatten. De afmeting van deze pagina is tevens het formaat van het gehele project.
Popup-pagina's zijn 'losse' pagina's met grafische items, en worden altijd over een pagina geopend.
Nieuwe pagina's, nieuwe popup-pagina's
Je project bestaat uit pagina's en popup-pagina's:
- Pagina - de basis voor het plaatsen van grafische items.
- je project dient minstens één pagina te bevatten
- pagina's kunnen horizontaal of verticaal georiënteerd zijn
- pagina's ondersteunen de functie om automatisch te roteren van horizontaal (landscape) naar verticaal (portrait) als je bedieningstoestel een accelerometer heeft. Wil je van deze functie gebruik maken, dan dien je 2 pagina's te maken: 1 pagina in horizontale opmaak, en 1 pagina in verticale opmaak.
- alle pagina's in een project hebben altijd hetzelfde formaat.
- pagina's kunnen geen effecten bevatten en kunnen ook niet transparant of half-transparant zijn
- er kan altijd maar 1 pagina gelijktijdig geopend zijn (bij het openen van een nieuwe pagina sluit de vorige pagina inclusief eventuele aanwezige popup-pagina's)
- Popup-pagina's - extra pagina's met grafische items .
- je bent niet verplicht om popup-pagina's in je project op te nemen
- popups cannot be horizontal or vertical (its coordinates are fixed)
- popups can have any size, opacity and position on the page
- there can be any number of popups on one page
- popups close at auto-turn of the page
Create a page (popup):
- Add Page – to add a page
- Add Popup Page – to add a popup
- Add Folder – to create a folder of pages and popups
- Change View - to change the view of the pages tree for work with Popup Groups
Page (popup) settings:
- A new page
- Name - the name
- Landscape/Portrait - horizontal/vertical
- A new popup
- Name - the name
- Left and Top - the shift relative to the left upper corner of the page (in pixels)
- Width and Height - the width and height (in pixels)
Auto-turn of Pages
When creating a new pape you can select the orientation and then change it.
- Name - the page name
- Alternate View - the page with the opposite orientation view which will be displayed automatically instead of the current one when you turn the control panel (if the panel has an accelerometer)
When creating a design with auto-turn, use Pages only, not Popups. It is recommended because at auto-turn of a page all previously opened popups will be closed, use JavaScript API
Preliminary view of Popups on Pages
Set up the preview in the right-click menu on the open project page or popup.
Switching Between Pages and Popups
Commands for controlling pages and popups can be executed on activation of events:
- Pressings on graphic items
- Gestures on pages/popups
The commands are formed in the window for creation macros for pages, popups and graphic items:
"'Lijst van commando' s:"'
| Flip (commands for switching pages)
|
| Show TEST THEO Page (Page name)
|
Open a page (only 1 page can be opened at a time). Indicate the name of the page which has to be open in the command properties
|
| Prev Page
|
show the previous project page
|
| Show Popup (Popup name)
|
Show a popup (multiple popups can be shown at a time). Indicate the name of the popup which has to be open in the command properties
|
| Hide Popup (Popup name)
|
Parameter – the name of the hidden popup
|
| Toggle Popup (Popup name)
|
Show if it is hidden and hide if it is shown. Indicate the name of the popup to be hidden in the command properties
|
| Hide Group (Group name)
|
Hide all popups in Popups group (see below)
|
| Hide Popups On Page (Page name)
|
Hide all popups on the page (page name)
|
| Hide All Popups
|
Hide all popups opened in the project at the moment
|
Collectively, the buttons containing navigation commands form the system for navigation between pages and popups of iRidium project.
The commands are executed with the help of gestures. Select the page in 'Projects Overview', go to 'Object Properties – Programming – Gesture'.
Popup Group
In the tree of pages you can create Folders to group pages and popups. It does not affect the project work.
But you can also create Popup Groups by right-clicking on a project or popup:
Popup Group is a set of popups which cannot be opened together. The popups added in one group become mutex. If you open one popup and then another, the first popup will be automatically closed.
Popup groups are convenient for project navigation. You do not need to monitor if unused popups are closed as it is done automatically.
The Hide Group command hides any opened popup of the group:
You can hide the Group with script command: IR.HideGroup("Group")
Project Start Page
When launching an iRidium project only one page and an unlimited number of popups can be shown.
Select the start page in Project Properties:
- Page – the name of the page to be opened at the iRidium project launch (only one);
- Popups – the list of popups to be opened at the project launch over the start page. The popups will be opened one by one, in the preset order.
StartUp in project settings:
Project Screensaver
step 1 Create a screensaver page
step 2 Set up the "back" button to return to the project, the "Prev Page" command:
step 3 Select the screensaver page in Project Properties:
ScreenSaver - the screensaver screen:
- On/Off – to turn on/off the project screensaver
- Page – the page to be used as the screensaver
- Interval (sec) – the project idle time after which the screensaver will be opened
Password for Opening Pages (Popups)
Use the system of passwords when setting up pages and popups.
Passwords are asigned to graphic items:
- None – no password, free access (by default)
- 1 … 4 – the password number defining the access level (from the 1st to the 4th)
Open the project settings to setup the passwords corresponding to their numbers (1-4):
The application requests the password automatically when you press the protected button. All the commands assigned to the button are executed only after entering the correct password. If the password is not selected in project properties it will not be required.
The passwords can be changed in iRidium Cloud (see the project settings), in iRidium Transfer and via the System menu of application:
with JavaScript API you are able to use the method that allows to use the system passwords with any actions (not only when press on buttons):
Scaling of Pages and Items
Om de resolutie van je project te wijzigen, bijvoorbeeld van 2048x1536 naar 1024x768, voer je de gewenste resolutie in bij de eigenschappen van het project. Probeer altijd te downscalen om verlies van kwaliteit van je afbeeldingen te voorkomen.
Na het aanpassen van de resolutie zie je de 2 volgende dialoogvensters:
1. Bevestig het wijzigen van de resolutie
- "Ok" - hiermee bevestig je de wijziging van de resolutie van je gehele project
- "Annuleren" - er zullen geen wijzigingen worden aangebracht in je project
2. Geef aan of je ook het formaat van popup-pagina's en grafische items wilt wijzigen
- "Ja" - het formaat van popup-pagina's en grafische items zal worden aangepast aan het nieuwe paginaformaat
- "Nee" - het formaat van popup-pagina's en grafische items zal niet worden aangepast; alleen het formaat van de pagina zal dus worden gewijzigd
3. Sla het gewijzigde project op.
Na het opslaan van het project kun je verder gaan met het bewerken hiervan, of het project samenvoegen met andere projecten.
Aandachtspunten bij het wijzigen van de resolutie van projecten:
Als in het project het nieuwe aspectratio (de hoogte/breedte verhouding) anders is dan het origineel, kan het project er uitgerekt of samengedrukt uit komen te zien.
Je kunt dit voorkomen door het wijzigen van de resolutie in 2 stappen uit te voeren: wijzig eerst het project zonder het aspect-ratio te veranderen. Neem daarvoor de nieuwe hoogte van het project, en bereken zelf de breedte, zodat het aspectratio hetzelfde blijft. Bevestig hierna dat je het formaat van popup-pagina's en grafische items wilt wijzigen.
Wijzig nu in de volgende stap alleen de breedte van het project. Laat daarbij het formaat van popup-pagina's en grafische items niet wijzigen.
Het resultaat hiervan is dat je de resolutie van het project hebt gewijzigd, met behoud van de originele aspect-ratio. Het kan zijn dat je aan de rechterzijde nu lege ruimte hebt, of dat juist niet alle grafische items op de pagina passen. Deze zul je zelf moeten aanpassen.
Processing of Pressings and Gestures
Types of Events
Communication of the end-user with the control panel interface - it is a sequence of events at which interface commands have to be executed or canceled.
Pressing on the screen, releasing the screen, moving an item - these are different event on which the graphic interface can react.
Pages, popups, graphic items, list items - they support different set of events and thus have different rules of command sending.
Brief description:
- Press - command sending on pressing the button
- Release - command sending on releasing the button
- Hold - cyclic command sending when you hold the button
- End Of Hold - single command sending when releasing the button, it it was held before that
- Move - command sending when moving the slider of Level or Joystick
- Select - selection of an item and subitem in List. Control of the event is available in JavaScript: List API
- Change - input of a symbol or command in Edit Box. More information is available in JavaScript: GUI API
- Enter - clicking on the Enter button in Edit Box
- Lost Focus - the event generated by any item at release. The event means the item lost its focus (inactive). The event is available for processing only in JavaScript: GUI API
- Gestures - gestures setting up is possible only in the Page properties. A gesture can be on the page, on a graphic item or popup. It will be automatically transferred to the parent page - commands set up for the page will be executed. Exceptions: Level, Joystick, List and Static List which process the Move event disabling gestures
- download the example on use of gestures >>
Events available for different object types:
Page
- Press
- Release
- Gestures:
- Swipe Left
- Swipe Right
- Swipe Up
- Swipe Down
- Pinch In
- Pinch Out
- Double Tap
Popup
Button
- Press
- Release
- Hold
- End of Hold
Level
Multistate Button
- Press
- Release
- Hold
- End of Hold
Multistate Level
List
Up/Down Button
- Press
- Release
- Hold
- End of Hold
Trigger Button
- Press
- Release
- Hold
- End of Hold
Edit Box
Virtual key
Joystick
Static List
Linear Trend
Pie Chart
Bar Chart
Work Principles of Interface Events
On pages and popups which are not parts of Static List and List buttons behave as follows:
- short pressing on an item generate the events Press > Release
- long pressing on an item generate the events Press > Hold > End Of Hold
- moving of the Level and Joystick slider generate the events Press > Move > Release
- release of any item generate the Lost Focus event
Graphic items in List and Static List are different as their work can be disturbed by list scrolling. The scrolling can start on the popup and the graphic item which stops command execution:
- the start of scrolling deactivates the Release event. So at short pressing with moving, only the Press > scrolling event of the button will work
- in the beginning of list scrolling (moving of the cursor/finger) Hold stops working and End Of Hold is generated: Press > Hold > scrolling > End Of Hold
- release of any item generate the Lost Focus event
Recommendations on implementing interface scenes:
- If the button works on a standard page, comamnds should be assigned to the Press event, if it works on a list - to the Release evetn
- If the button has to execute different commands on short and long pressing, assign the "short" command to Release, and the "long" one to End Of Hold
- If you need to send a pulse (first 1, then 0) by short pressing, there are two ways of doing that:
- assign sending of 1 to Press and sending of 0 to Release. It will allow you to regulate the length of the pulse by the time you hold the button. But you cannot use this way in lists as moving of lists will cancel the Release event
- assign both commands: 1 and 0 to Release, set up Delay between them. The pulse will have fixed length and work correctly in lists
Macros Editor
It is a window for setting up commands which have to be executed when pressing on graphic items.
The list of interface events and gestures to which iRidium reacts
The set of commands which can be performed on activating an interface event can be different. That is why in this section only commands and ways of macros creation (sequences of several commands) are described.
Select a graphic item and open Macros Editor in the window Object Properties > Programming. Depending on the item type a different set of events is available.
Strings of macros are executed in a sequential order, from top to bottom:
Commands in Macros Editor:
| Flip (commands for switching pages)
|
| Show TEST THEO Page (Page name)
|
Open a page (only 1 page can be opened at a time). Indicate the name of the page which has to be open in the command properties
|
| Prev Page
|
show the previous project page
|
| Show Popup (Popup name)
|
Show a popup (multiple popups can be shown at a time). Indicate the name of the popup which has to be open in the command properties
|
| Hide Popup (Popup name)
|
Parameter – the name of the hidden popup
|
| Toggle Popup (Popup name)
|
Show if it is hidden and hide if it is shown. Indicate the name of the popup to be hidden in the command properties
|
| Hide Group (Group name)
|
Hide all popups in Popups group (see below)
|
| Hide Popups On Page (Page name)
|
Hide all popups on the page (page name)
|
| Hide All Popups
|
Hide all popups opened in the project at the moment
|
| Sound (control of sounds)
|
| Play Sample
|
to play the audio file
|
| Stop Sample
|
to stop playing the audio file
|
| Stop Slot (the slot number)
|
to stop playing the audio file on the first slot
|
| Stop All Sounds
|
to stop playing all sounds in the project
|
| Send To Driver (sending data to the driver)
|
| Send Number
|
to send a decimal number (the DEC format)
|
| Send Text
|
to send a data string (the ASCII format)
|
| Send Data
|
to send binary data (BIN format)
|
| Send Token
|
to send data extracted from the properties of the graphic item (Value, coordinates, size, etc. – variable values defined by the object properties).
|
| Send To Token (sending data to the project variable (token))
|
| Send Number
|
to send a decimal number (the DEC format)
|
| Send Text
|
to send a text (the ASCII format)
|
| Send Token
|
to send data extracted from the properties of the graphic item (Value, coordinates, size, etc. – variable values defined by the object properties).
|
| Other (остальные команды)
|
| Delay (ms)
|
to set up a delay between commands of the macro (at random)
|
| Script Call (the function name)
|
to refer to the iRidium Script function by its name
|
| Show Keyboard (the keyboard type)
|
to show the virtual keyboard of the control panel
|
| Hide Keyboard
|
to hide the virtual keyboard of the control panel
|
| Minimize
|
to minimize iRidium App on the control panel
|
| Execute (the command)
|
to execute a standard OS command, for example:
|
| Exit
|
to close iRidium App on the control panel (only for Windows and Android OS)
|
Commands to control macros:
|
to delete the selected macro
|
|
to move the selected macro one position up
|
|
to move the selected macro one position down
|
|
to clone the selected macro
|
|
to delete the group of macros
|
|
save the group of macros in Project Gallery - Macros
|
Saving macros:
- Create a command sequence and click the "Save" button
- Name the new macro command, click ОК
- Open "GALLERY" > "Project Gallery" > "Macros". You can drag it directly on an item or on the Programming window to assigne it to some other event besides Press
Creating relations:
Besides macro commands set up in the properties of separate interface objects (buttons, pages, popups) there are general project macro commands which can be set up in the All Relations window. Here you can create relations for sending data from one interface object to another:
- open the All Relations window
for example, with the help of the value received from the Level slider of Item 1 you can change the coordinate of Item 2. Properties of graphic items, pages, popups, channels and tokens (global variables) can be related in the project.
Working with elements that caused Script Call
When using Script Call, you have the opportunity to access the properties of an element that uses the Script Call function.
Example.
Create a script function that will take the value of the Text property of the element that called the function, increment the value by one, and write it back. Running the function is tied to an element via Script Call
var a = 0;
function action () {
a + = 1;
this.Text = a; // Refer to the Text property of the element that called the function
};As a result, the function will change the value of the element that called it
[Download example]
Graphic and Sound Galleries
iRidium Galleries are tools for storing background images, buttons , levels, sets of several items or projects, sounds and macro commands.
Graphic Galleries
Graphic gallery in Studio (Gallery > Graphics)
it is a storage of interface objects which can be used when creating projects. The following items can be stored in the gallery:
- simple images presented by objects with 1 state
- buttons with 2 states
- animated buttons
- levels with 2 states
- levels with multiple states
- groups of graphic items
- project pages and popups
Project gallery (Gallery > Project Gallery)
it is a storage of images which are already used in your iRidium project. It does not contain complex objects. It operates with separate images the objects consist of.
Sound Galleries
Sound gallery in Studio (Gallery > Sounds)
it is a library of audio files for your visualization projects. They are played at event activation (pressing on an item, releasing it, etc.). Assigning of sounds to graphic items is made by the DragDrop method. Then the sounds are displayed in the Programming tab of the Object Properties window:
When clicking on [...] in the Programming tab the macros editor will open:
- Play Sample - to play the audio file (indicate the name)
- Play System Sample - to play the standard system sound (select one out of two available)
- Stop Sample - to stop playing of the audio file (indicate the name)
- Stop Slot - to stop playing of the particular slot (from 1 to 32)
- Stop All Sounds - to stop playing of all sounds
Double-clicking on the audio file string opens playback settings:
- Sound - the audio file name;
- Slot - the number of the playing slot for the audio file (it is required when grouping audio files in streams). In total there can be 32 slots with unlimited number of audio files in each slot. By default it is indicated "Slot 0" (a new playing channel is formed without a slot);
- Volume - the volume for playing the audio file;
- Loop - it activates (True) or deactivates (False) repetition of playing the audio file
Supported audio-formats:
- mp3 (with fixed and variable bitrate)
- wav with the following codecs:
- PСM (sound depth - 8 or 16 bit, sampling frequency- from 8 to 96 kHz)
- IMA ADPCM (sound depth - 8 or 16 bit, sampling frequency- from 8 to 96 kHz)
- MS ADPCM (sound depth - 8 or 16 bit, sampling frequency- from 8 to 96 kHz)
- GSM (sampling frequency 8 kHz, sound depth 16 bit)
- MS GSM (sampling frequency 8 kHz, sound depth 16 bit)
- mu-Law (sampling frequency 8 kHz, sound depth 16 bit)
- A-Law (sampling frequency 8 kHz, sound depth 16 bit)
- OGG
Project Gallery (Gallery > Project Gallery)
it contains only the sounds used in the iRidium project.
Working with Images
Background Images
Use the “Put Image To Page Background” command in the right-click menu to make an image the page/popup background. This command does not work for complex Gallery objects.
You can also select the page background in Object Properties > States, the Image property
Main Images, Icons
A button can display 2 images at a time:
- Image - the base image
- Icon - the icon over Image
Select how the image will be used when dragging it on the button (see more information about Chameleon Image below)
Settings of images and icons in the States tab:
You can change images and icons in object properties, States:
- Image – a main image
- Icon – an icon image (placed over the main one)
- Chameleon Image - an image in the PNG format which, when assigned to the button, uses the button colors of its filling and border to define the colors inside the image.
- Icon Align – the way of aligning the icon relatively to the item sides
- Image Aligh – the way of aligning the main image relatively to the item sides
The States tab refers to Project Gallery where the images which are already used in the project are stored.
Chameleon Image
Chameleon Image is an image without the fixed color. By changing the color of the button and its border you change the color of Chameleon Image. When using Chameleon Images with custom palettes they allow you to create a large number of color schemes for one template and also highlighting, glowing, the shadow and depth effects.
Chameleon image is an image in the PNG format consisting of four color channels (alpha, red, green and blue: ARGB). The colors are processed as follows:
- Alpha - the item form
- Red - the area which will be filled with the item filling color
- Green - the area which will be filled with the item border color
- Blue - it is not used
In order to distinguish transparency correctly save your PNG file in RGB colors (32-bit).
Example of setting up the color scheme of Chameleon Image and the results:
Execute: URL Schemes
URL scheme - in is an
indicator to the resource which can be activated by iRidium commands. With the help of URL schemes you can start applications, open links in the browser, open mail agents, make calls, send SMS.
There are different URL schemes for different OS. Consider the type of the operating system in which the project will work when you select the commands.
Activation from iRidium
In iRidium you can create a button which open a third-party application or link in the browser. Examples of commands which can be executed in different OS:
Hyperlinks:
Execute(http://iridiummobile.net)
Windows files and applications:
Execute(c:\Program Files\iRidium.exe)
the screen keyboard (Windows):
Make a call, write an SMS:
Execute(tel:+123456789)Execute(sms:+123456789)
Send an e-mail:
Execute(mailto:test@example.com)
Start the app:
-
Execute(videos://)
-
Execute(music://)
iOS 8 and iOS 9 Settings app (there is no solution for iOS 10 yet):
i3 pro settings on iOS 9-10:
