EverWeb Widgets

Mobile Phone Simulator

Mobile First

Many EverWeb users seem to only test their responsive pages in the desktop browser's responsive mode which doesn't give a realistic view of how the page will appear on phones.
The iOS Simulator app is an essential part of the design process but may be a little too complicate for some to instal and use .
Simulate
To encourage EverWeb users to focus more on how their page designs render on smart phones this little simulator can be inserted in any page of the project so that both the main view and the mobile phone view appear together in Preview mode.
ThemeKit Mobile Phone
This simple widget can save a lot of time when previewing and a lot of embarasment when published.
There are a few controls for styling the body of the mobile phone simulator along with a tab for selecting the page to show.
Landscape Mode
The phone can also be orientated in landscape mode although most visitors will only use this for view videos which are set to play inline.
In Use
Use the mouse or trackpad to scroll and use the navigation to click through the other pages of the project.

Check Out Competitors

As can be seen from the landscape orientated version below, the page that appears in the simulator can be an external one. This can be usefull for checking out the competition to see if their layout has any better ideas or items.
As you can see below, the competition needs to rethink their design!