I have a parallax slider working at 100% width at any viewport size by using the HTML5 Data Bindings Browser Properties like so:

<div class="dmxParallaxSlider" id="dmxParallaxSlider1" style="width:{{$BROWSER.viewportWidth}}px;height:{{$BROWSER.viewportWidth /3}}px" data-slide-title="Slide 1" data-selected-slide="0">

Now I need to convert this to use App Connect Browser Properties.
The slider images are all 2100 x 700 px (i.e. 3:1 ratio)
How would I do this?

Any suggestions?

Hello David,
With app connect this should look like:

dmx-style:width="{{browser1.viewport.width}}px" dmx-style:height="{{browser1.viewport.width/3}}px"

Where browser1 is the ID of the browser component, added in App Connect tree.

Wow thanks Teodor!
Works fine now.

Cheers
Dave