Look Digital Signage Software Logo whiteLook Digital Signage Software Logo BlackLook Digital Signage Software Logo Black
Product
How it worksFeaturesAPPsPlayers
Solutions
Choose your business
And find out how to increase efficiency
Retail page link
Retail
Hospitality page link
Hospitality
Digital Menu
Digital Menu
Banking  page link
Banking
Corporate  page link
Corporate
Healthcare bage
Healthcare
Fitness bage
Fitness
Advertising bage
Advertising
Education bage
Education
Resources
Use casesFAQKnowledge baseBlogDownloads
Company
About usPartner programWhite labelContacts
Pricing
Log inTry for free
English
Espana
Español
Portuges icon
Português
Русский icon
Русский
Iltalia
Italiano
France
Français
De_icon
Deutsch
Home
Knowledge base
Layouts
Button

Button

The Button widget allows to open any content item or move to other scenes at the click of a button. Thanks to this widget, multi-level interactive scenarios can be created.

Button example

To add the Button widget click on the Button icon in the toolbar or use the [B] hotkey.

Target Content

Target content is content or a scene that should be opened by clicking on the Button. Target content is necessary for proper operation of the widget.

Target Content

To add target content, click on the Add content button and select a required content item or scene.

Idle Timeout

Idle timeout is a period of time upon expiration of which a content item or a scene to which we have moved by clicking on the Button should close, returning the layout to its original state. To change Idle Timeout, enter a required value in the field of the same name (time is specified as hh:mm:ss).

Idle Timeout
Idle Timeout is counted from the moment of the last interaction with the screen. For example, if clicking on the *Button* a web page opens up, the time specified in *Idle timeout* will start counting from the moment the user last touched the touch-screen.

Basic Settings

The main settings are responsible for the appearance of the button.

1. Whole layer. If you activate the Whole layer switch, the button will become invisible, and the area you click on it will extend to the whole layer to which the button belongs.

button_03

2. Load my image. Allows to use your own graphics (jpg, png) as a button.

  • To set your own image for the button, activate the Load my image slider and click Upload your image.
  • In the additional panel that opens, select required graphics or upload a new one (the Upload button)
  • Graphics will be added in original resolution. If you want to change the original size of the loaded image, turn off the Original size slider and specify some other percentage.
To remove unnecessary graphics from the list, click on the cross icon opposite the graphics name.
Load my image
The image will be resized while maintaining proportions. If you don't want to keep the original aspect ratio, click on the lock icon (keep original ratio) located between the width and height input fields.

3. Button size. The parameter responsible for the size of the button and the radius of the rounding radius. W - width, H - height, R - rounding radius

Button size

4. Position. The setting is responsible for positioning the button on the screen, relative to the X and Y axes.

Position

5. Color. A group of settings that allows setting a custom color for the button text and background. The O (Opacity) parameter is responsible for transparency.

Color

6. Button text & Text size. The button text can be changed both in the settings panel and in the workspace by double-clicking on the text field. The text size is configured in percentage relative to the size of the button itself (by clicking on the icon to the right of the text size input field, the text will automatically take the maximum possible value).

Button text & Text size

Target Content Opening Area

By default, the target content opens in full screen. But the opening area can be changed, for example, so that the content does not open in full screen, but in a specified layer.

  1. To open content in a specific layer, click on the Open in and select a required scene from the drop-down list.
  2. Specify the layer where the content item should open.
Target Content Opening Area
If you select a layer not in the current scene, but in some other, in addition to opening the target content, the scene will be changed.
If the layer where the target content is to be opened is deleted, the button will become invalid and disappear from the screen. To fix this, you need to re-specify the content opening area for this button.

Close Button

Close button allows the user to close the target content without waiting for the Idle Timeout period to expire.

1. To configure the Close Button, activate the slider of the same name. When you turn it on for the first time, you will immediately be taken to the close button settings window, otherwise press the Settings button directly below the Close button slider.

Close Button
  • The close button is customizable in respect of the content item or scene that is opened by the parent Button widget.
  • In the edit mode of the Close Button, you cannot select or edit any objects other than this button.
To return to the edit mode of the previous scene, click the Back to scene button below the workspace or in the settings panel.

2. For the Close Button, just like for a regular button, customizable graphics can be configured. To do this, turn on the Load my image slider and select a required graphics item in the additional panel that opens, or load a new graphic item (the Upload button).

load my image

3. The following settings are available for the standard Close Button:

  • Position, Size - positioning on the screen along the axes X and Y, and diameter D
  • Symbol & Background Color - color of the background and symbol, as well as the ability to adjust opacity O
Position, Size

4. When the Close Button is configured, you can save it as a template to quickly apply the required settings to any other close button later.

Close Button
  • To do this, click on the Template drop-down list at the very top of the settings panel and select Create template.
  • Enter a name for the new template and click the Add button.
  • To apply a previously saved template, open the Template drop-down list and select a required template from your list.
Can't find your answer?
Contact Support
Layouts
Layouts list interface
Layout editor interface
Layout settings
Visual editor
Playlist
Layer
Button
Text or ticker
Image
List of layers
Add layout to screen
Adaptive orientation
Shortcut & grid
Scenes
Actions
Create Action
Create action trigger
QR Code
Categories
Getting started
Getting started
Screens
Screens
Company
Company
Content
Content
Schedules
Schedules
Playlist
Playlist
Apps
Apps
Layouts
Layouts
Billing
Billing
Product
How it worksFeaturesAppsPlayersPricing
Solutions
RetailHospitality BankingCorporateHealthcare FitnessAdvertising Education Overview
Company
About usPartner programWhite LabelContacts
Resourses
FAQUse casesKnowledge baseBlogWhat Is Digital SignageDigital Signage DisplaysDownloadsAlternativesRSS
Instagram linkFacebook linkTwitter linkLinkedIn linkYouTube IconAngelCo link
Look DS LLC. Address: 1201 N Orange Street Suite #7003, Wilmington, DE 19801, United States
+13023131342
‍
info@lookdigitalsignage.com
Look Digital Signage Software Logo Footer
Privacy Policy and Terms & Conditions
©2023 LOOK DS LLC