Automatic resize pictures for mobile view

Hi All

Here's a simple usefull change to Web Wiz Forum 9.70, to make the forum pictures resize automatically for mobile viewing.

Edit file: cssstyles/default/mobile_default_style.css

Locate .msgBody{ definition, and add a new style for images.


/* Forum posts */
.msgBody{
    width: 100%;
    margin: 2px;
    float: left;
    overflow: auto;
}

.msgBody img {
    max-width: 99%;
    height: auto;
}

The blue text is the new definition.

Here is a 1200 pixel wide picture viewed in the forum though an iPhone:





BTW. If you want the same function for the normal view forum as well, its a bit different.

Edit cssstyles/default/default_style.css

Add a definition like:

.msgBody img {
    max-width: 750px;
    height: auto;
}

Change the number 750 to a pixel size that fits the width of the message area in your forum. Then images wider than that number automatically gets resized to this width.

  Regards, Lars

Thanks Lars will look at adding this to the next release.