Resize images

It would be be awesome if we could resize the images once they are placed. There are a few icons I would like to use (The dpad for example) but it is slightly too large.
6 people like
this idea
+1
Reply
  • Hi jprosiak,

    I completely understand your desire to scale. However, we chose not to scale images, because unless you scale with an even multiple (.5 for instance), scaling images introduces artifacts, and is therefore very undesirable from an image quality (and therefore legibility) standpoint.

    Are you using the keyboard to manually edit height/width and row/column properties to nest images together closely? The d-pad is sized to use the upper-1/2 and center-2/3, leaving room for all the transport buttons, as well as menus, display, and subtitle, as in the attached image.

    Regards,
    SC

    D-pad on iPhone
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • I probably used the wrong description of the image I am using. I am actually using the Touch pad button. (The one that looks like the touch pad on a laptop). Currently it takes up the entire lower quarter of the screen, and this looses valuable screen space. I am not great a graphics design, and as far as I can tell, there is no way to download the image, scale it, and then upload it again.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • I've run into this once or twice. I've found iRule to be very helpful in the matter. If you email support, they usually try to accommodate. Give them the specifics and I'm sure they'll email you the files you need to scale.

    I've scaled my fair share of files, once you get the hang of it, you can do some really great things with your GUI.

    Good luck!
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • how about drag handles on iRule components, that can snap to the grid
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • Actually I have had an issue the extra transparency around a button. Those grab handles would be great to allow the transparencies to be trimmed...
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • +1 for in-line scaling. The stock buttons are far too narrow for a tablet in landscape (and fat thumbs). Aside from re scaling with photoshop, what are my alternatives? I don't have a degree in graphic arts, or the patience to make my own.
    Thanks
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • Hi Bill,

    The ability to tap the buttons accurately is actually more directly related to the spacing of the buttons relative to one another more than the size of the buttons. That's the primary reason our layout is "spacious", with gaps between the buttons. There is a fair bit of research on the subject, and of course we did a lot of testing when we developed the default iRule templates.

    If what you really want are larger buttons, you do have an option. If you're currently using a standard-resolution tablet handset, try searching the image library for "medium" and importing some buttons in the medium/x1.5 size. Then, drag and drop a few on your existing buttons to replace them. The buttons are actually designed for a higher-density display, but you could "weight" your user interface by using the larger "medium" size buttons for more commonly used functions, and the smaller buttons for lesser-used functions. Let us know if you have any questions about how to do this.

    Regards,
    SC
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • One more thing for those who are interested. Just for reference, I created a mock-up of what it looks like to scale buttons up larger.

    Regards,
    SC

  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • thanks Steve, the medium image library is just what i was looking for. There is still some layout conflicts once syncing the device, but this likely has to do w/ the fact that width and height of the medium images are the same while the buttons themselves appear larger. i've fixed most of it by changing the height/width params of the buttons manually, then manually adjusting row and column. thanks again for the help. any plans for scalable vector graphics in the builder?
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • I know this is an old thread, but I would like to add another vote for scaleable images and backgrounds. As a web developer I scale images all the time when I am prototyping a page (which is the stage I'm at right now with your product). When I prototype I don't care how good it looks, if it's pixelated, or out of place... I'm just trying to get something that works and looks usable. Then I can go back and fine tune the images. I really would rather not spend all my time fine tuning up front just to get it to look half way decent and then decide to modify and change my layout and start over. If you are concerned about image quality, why not pop up a warning and let the user decide if they want to settle for degraded images.

    Don't get me wrong, I understand the technical challenge of the Builder website and I think you guys have done a great job! Still could use a little polish though.

    By the way, I have an LG G3 and none of the images are large enough. I'm using the "x3" size but I would like "x5" or "x6" sized icons. Like the others on this thread I don't really want to take the time to resize the images until I have everything in place and working. If you decide not to allow scaling, please add more icon sizes... "x3" is the largest I could find.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • I understand the Quality of Image going down especially if not resized in a 1/2 or 1/4, but this could be left to the developper.. Visual Basic use to have a Boolean property called Stretch that would specify if the image should be stretch to fit the Heigh/Width or not.. This could be perfect.. We can't prevent peoples from badly stretching images just like we can't prevent proples from creating poor image in paint because they don't have the size they need :)

    It would also be nice to add an alignement when image is not stretched, just like text, Left, Right, Center.. Also a Top, Bottom, Center.. :)

    Thanks
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • I'll add one more request for the ability to scale graphics. Adding support for vector graphics might get around the issue of artifacting that Steve mentioned above.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated