Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Jason Espin 368 posts 1335 karma points
    Feb 18, 2015 @ 12:59
    Jason Espin
    0

    Images growing out of control with each resize

    Hi Jeavon,

    I have just encountered and extremely odd bug with Slimsy and I was wondering if you could help.

    The following is a snippet of my view:

    foreach (IPublishedContent profile in profiles)
    { 
        IPublishedContent image = Umbraco.TypedMedia(profile.GetPropertyValue<int>("image")); 
    
        <div class="col-md-6">
            <div class="media">
                <div class="media-left">
                    <a href="@profile.Url">                            
                        <img class="media-object img-circle img-responsive" src="@profile.GetResponsiveImageUrl(100,100,"image")" alt="@profile.Name" />
                    </a>
                </div>
                <div class="media-body">
                    <h3>@profile.GetPropertyValue("title")</h3>
                    @Umbraco.Truncate(profile.GetPropertyValue<string>("description"), 200)
                </div>
            </div>
        </div>
    }
    

    My profile document type contains an image cropper named 'image' and my site uses bootstrap with the aim of being responsive.

    The site starts off okay in desktop mode with relatively small circular image. However when I start resizing my browser window from big to small to smaller back to big again the image keeps growing and growing taking up more of the screen space.

    Do you have any idea what might be causing this?

    Desktop size

    enter image description here

    Shrink to mobile / tablet size

    enter image description here

    Back to Desktop size

    enter image description here

Please Sign in or register to post replies

Write your reply to:

Draft