Clipped Images & Stretches

One interesting effect discovered while searching through the modular templates was the use of Clip View ; in the example, the ability to have an image extend to the left or right side of the browser. Placing an image adjacent to rectangle and applying a Clip View makes this possible. The Applied Clip can then be stretched to full width and the image will always appear on the left or right of the browser, The mobile variant can be adjusted to only show the image by positioning the image such that the unwanted rectangle is out of view.

Full Width Responsive Slider

The full browser width slider requires a responsive iframe; its content requires a designer to create a separate document with the actual slider, then publish that to the main website directory. The construction process can be viewed here: https://initiostar.co.uk/demo/pan/index.htm

HOME

Clipped Images &

Stretches

One interesting effect discovered while searching through the modular templates was the use of Clip View ; in the example, the ability to have an image extend to the left or right side of the browser. Placing an image adjacent to rectangle and applying a Clip View makes this possible. The Applied Clip can then be stretched to full width and the image will always appear on the left or right of the browser, The mobile variant can be adjusted to only show the image by positioning the image such that the unwanted rectangle is out of view.

Full Width Responsive

Slider

The full browser width slider requires a responsive iframe; its content requires a designer to create a separate document with the actual slider, then publish that to the main website directory. The construction process can be viewed here: https://initiostar.co.uk/demo/pan/index.htm