Border for image component
Have found myself needing a simple border around imported images -- particularly shots that were taken on a mostly white background, which makes the image boundary bleed into the mockup background in a visually confusing way. At the moment, the only solution is to stack the image on a canvas/rectangle, carefully match their sizes, and create a group. Then, of course, you've got to un-group to make any changes to the image.
Could the same border on/off checkbox that's used in the canvas and other components be added to the image properties panel? A small thing, and I'm hoping an easy one, and it would save a lot of cumulative busy-work.
As always, thanks much.
Could the same border on/off checkbox that's used in the canvas and other components be added to the image properties panel? A small thing, and I'm hoping an easy one, and it would save a lot of cumulative busy-work.
As always, thanks much.
3
people like this idea
I like this idea!
Tell me when this idea gets some attention.
The more people who like this idea, the more it gets noticed.
The more people who like this idea, the more it gets noticed.
The company implemented this idea.
-
Inappropriate?I have the EXACT same problem. Sketching an image is totally, totally awesome BUT we end up with a background most of the time white, making it difficult to see exactly the frontier between the background and the image.
It should be an option as Michael says. -
Inappropriate?Hi guys, I finally had 10 minutes to do this: http://www.balsamiq.com/products/mock... - let me know what you think!
I’m happy
-
Ahh ... glad to see this wasn't forgotten. Looks great, but there's one glitch: by default, an imported image isn't given a border, but the "show border" checkbox is checked in its property panel. If you uncheck it, then recheck it, the image border is shown. Just looks like the default state for that checkbox should be flipped.
Thanks! -
Yup, I noticed that too. I'll fix it soon, thanks Michael! -
Inappropriate?It works and does what we want :-)
The only "problem" is that, by default, when I load an image, the Show Border is checked even though there is no border at first. Thus I need two clicks to actually have a border: 1 click to disable the border and 1 other click to reactivate the border. By default, it should be unchecked.
Thanks Peldi.
I’m thankful
-
Yup, I noticed that too. I'll fix it soon, thanks Regis! ;) -
Inappropriate?I've just upgraded 1.6.43 to take advantage of this really useful feature for me.
I found another small issue, toggling the border option makes some of my imported images smaller on each check /uncheck and have to manually resize them back to their original. After manually resizing the images the border check/uncheck does not affect their sizes any more.
I’m thankful
-
I've noticed the same behaviour but I think it's how the feature has been coded. It would be surprising that we can have the original once the image has been cropped. -
Hi guys, I'll take a look. We don't crop the image, just resize it when the border is there. I'll take a look soon, thanks for the bug report! -
Hmm, what's better: to have to external dimension of the image expanded with the border or to expand the dimension with the border?
I prefer it the way it is. In my mockup, I don't care about the size of the picture, but it's relevant, if the picture has the correct size compared to the other elements. -
Agree with Andi ... better to resize the source image than bump out the size of the image component. When I place and size an image component, I expect those dimensions to stick (unless, of course, I hit that "autosize" button).
Loading Profile...





