Interface editor: button and web frame settings

The "Button" layer is used to place buttons on screen. It includes 2 "Media content" layers (with the types "<empty layer>" or "Media layer") grouped together, for each of which you can specify separate settings and reaction zones:

• Up – button state by default;
• Over – button state on hover or when pressed in a touch interface;
• Hit – reaction zone. When a layer is added, you can select an image for it (for the design of button).

This layer enables switching to a different layer type – "Media content" (with types "<empty layer>" or "Media layer").

To switch the layer type: 

1. Click on the layer name and select "Container".                                       
2. The layer type will be changed.
3. Click "Apply" or "OK" to save the changes made.

To adjust the "Button" layer settings:

1. Choose the state layer.                                             
    
2. Make changes similar to the "Media content" layer (types "<empty layer>" or "Media layer").
3. To move simultaneously all the layers within the group displayed, use the drag button.
   
4. Click "Apply" or "OK" to save the changes made.

Web frame

The "Web frame" layers is used for placement of web content or HTML code on screen.

To add content to the layer:

1. In the "Type" field, select the URL value.                                     
2. In the "URL" field, enter the address of the web resource to be displayed in the layer.
3. Check "Transparent background" box to toggle the layer transparency effect.
4. In the "Engine" field, select the engine for web content display:
   

• System – web browser of the OS installed at the media display point;
• Embedded WebKit – embedded engine of Displayforce Player;
• Chromium;
• Chrome;

     5. In the "View" field, select:

• Only content – display web content only;
• Control bar – display web content together with browser controls.
  

     6. In the "Reload" field, set the frequency for reload of data at the specified address.
     

     7. To display mobile versions of websites (where applicable), check the box "Use mobile version".

     8. Click "Apply" or "OK" to save the changes made.

To add HTML code to the layer:

1. In the "Type" field, select "HTML code".                                             
2. In the "Code" field, enter the HTML code of the page to be displayed in the layer.
3. Check "Transparent background" box to toggle the layer transparency effect.
4. In the "Engine" field, select the engine for web content display:

• System – web browser of the OS installed at the media display point;
• Embedded WebKit – embedded engine of Displayforce Player;
• Chromium;
• Chrome;

     5. In the "View" field, select:

• Only content – display web content only;
• Control bar – display web content together with browser controls.

     6. In the "Reload" field, set the frequency for reload of data at the specified address.

     7. To display mobile versions of websites (where applicable), check the box "Use mobile version".

     8. Click "Apply" or "OK" to save the changes made.