Responsive Sensor

Use Responsive Sensor with horizontal and vertical layouts to change the way the page displays based on the screen or window size.

Data binding

Set or modify the data binding for the Responsive Sensor control in the General properties tab.

Configuration properties

Set or modify configuration properties for the Responsive Sensor control in the Configuration properties tab.

The box factors configuration properties for the Responsive Sensor control are listed in the following table:

Table 1. Box Factors configuration properties for Responsive Sensor
Configuration property	Description	Data type
name	The name of the box factor, which responsive horizontal and vertical layouts refer to.	`String`
withUpTo	The maximum width this box factor applies to.	`Integer`

Events

Set or modify the event handlers for the control in the Events tab. You can set events to be triggered programmatically or when a user interacts with the control. For information about how to define and code events, see User-defined events.

On load: Activated when the view loads, for example
```
me.refreshLayout()
```
On selected: Activated when the view hits a Box Factor boundary, for example
```
console.log(event.boxFactor)
```

Methods

For detailed information about the available methods for Responsive Sensor, see the Responsive Sensor JavaScript API.

Additional resources

For information about how to create a coach, see Building coaches.
For information about standard properties (General, Configuration, Positioning, Visibility, and HTML Attributes), see Coach view properties.