Beginners tutorial
Preview a page in different devices
Our demo template (which is used for this introduction) is based on the popular Bootstrap HTML framework. As a result, it is also a responsive template that adujsts to the size of the device.
Click on 'Show menu'
Select 'Show in device'
The device preview appears
OpenCms features a device preview that allows you to easily see how the page will look e.g. in a tablet or smartphone. Just click on the Show menu icon on the toolbar, and there select for example Show in device > Mobile > iPhone 6 (landscape). A preview is shown for the selected device.
To close the preview, just click anywhere outside the highlighted area.
Built with OpenCms - The Open Source CMS from Alkacon Software - The OpenCms Experts
Alkacon and the OpenCms logo are registered trademarks owned by Alkacon Software.
