Balsamiq Community Discussion

Rectangle Shape Height

Hi - is there a trick to making a rectangle that is shorter than 10px in height? Any time I enter a value lower than 10px Balsamiq reverts back to 10px.
Thank you.

There isn’t @Doug because anything that small becomes harder to design around / use.

You can, however, draw a rectangle that is smaller that 10px by using the Arrow/Line control.

Here is an example.

{
"mockup": {
    "controls": {
        "control": [
            {
                "ID": "6",
                "typeID": "__group__",
                "zOrder": "0",
                "measuredW": "52",
                "measuredH": "6",
                "w": "52",
                "h": "6",
                "x": "830",
                "y": "323",
                "children": {
                    "controls": {
                        "control": [
                            {
                                "ID": "0",
                                "typeID": "Arrow",
                                "zOrder": "0",
                                "w": "50",
                                "h": "1",
                                "measuredW": "150",
                                "measuredH": "100",
                                "x": "0",
                                "y": "0",
                                "properties": {
                                    "p0": {
                                        "x": 0,
                                        "y": 0
                                    },
                                    "p1": {
                                        "x": 0.5,
                                        "y": 0
                                    },
                                    "p2": {
                                        "x": 50,
                                        "y": 0
                                    },
                                    "curvature": "0",
                                    "leftArrow": "false",
                                    "rightArrow": "false"
                                }
                            },
                            {
                                "ID": "1",
                                "typeID": "Arrow",
                                "zOrder": "1",
                                "w": "50",
                                "h": "1",
                                "measuredW": "150",
                                "measuredH": "100",
                                "x": "0",
                                "y": "5",
                                "properties": {
                                    "p0": {
                                        "x": 0,
                                        "y": 0
                                    },
                                    "p1": {
                                        "x": 0.49999999999999994,
                                        "y": 0
                                    },
                                    "p2": {
                                        "x": 50,
                                        "y": 0
                                    },
                                    "curvature": "0",
                                    "leftArrow": "false",
                                    "rightArrow": "false"
                                }
                            },
                            {
                                "ID": "2",
                                "typeID": "Arrow",
                                "zOrder": "2",
                                "w": "1",
                                "h": "5",
                                "measuredW": "150",
                                "measuredH": "100",
                                "x": "51",
                                "y": "0",
                                "properties": {
                                    "p0": {
                                        "x": 0,
                                        "y": 5
                                    },
                                    "p1": {
                                        "x": 0.5,
                                        "y": 0
                                    },
                                    "p2": {
                                        "x": 0,
                                        "y": 0
                                    },
                                    "curvature": "0",
                                    "leftArrow": "false",
                                    "rightArrow": "false"
                                }
                            },
                            {
                                "ID": "3",
                                "typeID": "Arrow",
                                "zOrder": "3",
                                "w": "1",
                                "h": "5",
                                "measuredW": "150",
                                "measuredH": "100",
                                "x": "0",
                                "y": "0",
                                "properties": {
                                    "p0": {
                                        "x": 0,
                                        "y": 5
                                    },
                                    "p1": {
                                        "x": 0.5,
                                        "y": 0
                                    },
                                    "p2": {
                                        "x": 0,
                                        "y": 0
                                    },
                                    "curvature": "0",
                                    "leftArrow": "false",
                                    "rightArrow": "false"
                                }
                            }
                        ]
                    }
                }
            }
        ]
    },
    "attributes": {
        "name": "New Wireframe 1",
        "order": 1000000,
        "parentID": null
    },
    "resourceID": "8CC946DF-A0D8-4DE6-BA25-927711484BF2",
    "mockupH": "6",
    "mockupW": "52",
    "measuredW": "882",
    "measuredH": "329",
    "version": "1.0"
}

}

You can import that into your project by going to File > Import > Wireframe JSON and pasting the code in the window.

Let me know if that helps

Thank you. This looks very promising. However, when I paste it in the “Wireframe JSON” window that appears the “Import” button remains disabled. I’m certain the code remains untouched when I paste. Any ideas?

Oh weird. I wonder if it’s because the last } didn’t make it into the code block.

Try adding that at the end.

Good idea & thank you, but I already checked that.

Ugh, you’re totally right. That’s so strange.

It’s something with the way it pastes. The forum is gumming up the works.

Here is the file, you can do File > Import > Import from BMPR to get the rectangle

Rectange for Doug.bmpr (52 KB)

Thank you Brandon. That importing does look interesting though.