Ability to resize the checkbox control

I'd really like to be able to resize the checkbox part of the checkbox control. When you resize the control now, the checkbox always stays the same size.

We do mockups for kiosk UIs, so the buttons always need to be much bigger.
 
happy I’m hopeful, thankful
Inappropriate?
1 person likes this idea

The company has not planned to implement this.


  • Inappropriate?
    Hi Jason, since your case is not very common I hope you'll accept this workaround as a solution.


    the BMML for that image is below, just copy it and paste in the "Import..." dialog in Mockups.

    <mockup version="1.0" skin="sketch" measuredW="744" measuredH="430">
    <controls>
    <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="558" y="201" w="24" h="24" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="-1"/>
    <control controlID="2" controlTypeID="com.balsamiq.mockups::Canvas" x="619" y="193" w="32" h="32" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="-1"/>
    <control controlID="4" controlTypeID="com.balsamiq.mockups::Canvas" x="686" y="178" w="48" h="48" measuredW="100" measuredH="70" zOrder="2" locked="false" isInGroup="-1"/>
    <control controlID="14" controlTypeID="com.balsamiq.mockups::Canvas" x="558" y="329" w="24" h="24" measuredW="100" measuredH="70" zOrder="3" locked="false" isInGroup="-1">
    <controlProperties>
    <color>11776947</color>
    </controlProperties>
    </control>
    <control controlID="16" controlTypeID="com.balsamiq.mockups::Canvas" x="619" y="321" w="32" h="32" measuredW="100" measuredH="70" zOrder="4" locked="false" isInGroup="-1">
    <controlProperties>
    <color>11776947</color>
    </controlProperties>
    </control>
    <control controlID="18" controlTypeID="com.balsamiq.mockups::Canvas" x="686" y="306" w="48" h="48" measuredW="100" measuredH="70" zOrder="5" locked="false" isInGroup="-1">
    <controlProperties>
    <color>11776947</color>
    </controlProperties>
    </control>
    <control controlID="26" controlTypeID="__group__" x="558" y="267" w="-1" h="-1" measuredW="24" measuredH="24" zOrder="6" locked="false" isInGroup="-1">
    <groupChildrenDescriptors>
    <control controlID="8" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="24" h="24" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="26"/>
    <control controlID="9" controlTypeID="com.balsamiq.mockups::Icon" x="0" y="0" w="-1" h="-1" measuredW="24" measuredH="24" zOrder="1" locked="false" isInGroup="26">
    <controlProperties>
    <icon>CheckMarkIcon%7Csmall</icon>
    </controlProperties>
    </control>
    </groupChildrenDescriptors>
    </control>
    <control controlID="27" controlTypeID="__group__" x="619" y="259" w="-1" h="-1" measuredW="32" measuredH="32" zOrder="7" locked="false" isInGroup="-1">
    <groupChildrenDescriptors>
    <control controlID="10" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="32" h="32" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="27"/>
    <control controlID="11" controlTypeID="com.balsamiq.mockups::Icon" x="0" y="0" w="-1" h="-1" measuredW="32" measuredH="32" zOrder="1" locked="false" isInGroup="27">
    <controlProperties>
    <icon>CheckMarkIcon%7Cmedium</icon>
    </controlProperties>
    </control>
    </groupChildrenDescriptors>
    </control>
    <control controlID="28" controlTypeID="__group__" x="686" y="244" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="8" locked="false" isInGroup="-1">
    <groupChildrenDescriptors>
    <control controlID="12" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="48" h="48" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="28"/>
    <control controlID="13" controlTypeID="com.balsamiq.mockups::Icon" x="0" y="0" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="1" locked="false" isInGroup="28">
    <controlProperties>
    <icon>CheckMarkIcon%7Clarge</icon>
    </controlProperties>
    </control>
    </groupChildrenDescriptors>
    </control>
    <control controlID="29" controlTypeID="__group__" x="686" y="372" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="9" locked="false" isInGroup="-1">
    <groupChildrenDescriptors>
    <control controlID="24" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="48" h="48" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="29">
    <controlProperties>
    <color>11776947</color>
    </controlProperties>
    </control>
    <control controlID="25" controlTypeID="com.balsamiq.mockups::Icon" x="0" y="0" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="1" locked="false" isInGroup="29">
    <controlProperties>
    <icon>CheckMarkIcon%7Clarge</icon>
    <color>6710886</color>
    </controlProperties>
    </control>
    </groupChildrenDescriptors>
    </control>
    <control controlID="30" controlTypeID="__group__" x="619" y="387" w="-1" h="-1" measuredW="32" measuredH="32" zOrder="10" locked="false" isInGroup="-1">
    <groupChildrenDescriptors>
    <control controlID="22" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="32" h="32" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="30">
    <controlProperties>
    <color>11776947</color>
    </controlProperties>
    </control>
    <control controlID="23" controlTypeID="com.balsamiq.mockups::Icon" x="0" y="0" w="-1" h="-1" measuredW="32" measuredH="32" zOrder="1" locked="false" isInGroup="30">
    <controlProperties>
    <icon>CheckMarkIcon%7Cmedium</icon>
    <color>6710886</color>
    </controlProperties>
    </control>
    </groupChildrenDescriptors>
    </control>
    <control controlID="31" controlTypeID="__group__" x="558" y="395" w="-1" h="-1" measuredW="24" measuredH="24" zOrder="11" locked="false" isInGroup="-1">
    <groupChildrenDescriptors>
    <control controlID="20" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="24" h="24" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="31">
    <controlProperties>
    <color>11776947</color>
    </controlProperties>
    </control>
    <control controlID="21" controlTypeID="com.balsamiq.mockups::Icon" x="0" y="0" w="-1" h="-1" measuredW="24" measuredH="24" zOrder="1" locked="false" isInGroup="31">
    <controlProperties>
    <icon>CheckMarkIcon%7Csmall</icon>
    <color>6710886</color>
    </controlProperties>
    </control>
    </groupChildrenDescriptors>
    </control>
    </controls>
    </mockup>
     
    happy
    Sprite_screen 1 person thinks this is one of the best points
  • Michael
    Inappropriate?
    I was hoping to suggest to him to the the icon and text label component. However when I tested, I see that there no icon with a box that is checked and no way to change the size of the text label. If there was it would be just what he needs:

     
    happy
  • Comment_icon
    Hi Michael, I agree that there's no icon with box and check (that's why I made some above), but you can most definitely choose the font size of the Label and Paragraph controls. What makes you say you can't?
  • Michael
    Inappropriate?
    I'm saying that the built in icon and text label component does not have an option to adjust font size. I am running latest version:

  • Comment_icon
    Oh, _that_ component...you're right. Does it really need it though?
  • Michael
    Inappropriate?
    All I am saying is that I see a strong similarity between the checkbox component and the icon with label component. The only difference is that you can pick your own icon to be adjacent to the text. It would be a nice work around.

    But that said, I am not sure it's worth it. Still though, I have always wanted you to expand on the icon set. Would love to see checkbox with surrounding box.
  • Jason
    Inappropriate?
    Thanks so much, guys!

    Peldi -- the solution works great for me. What great service!

    Michael -- thanks for investigating other workarounds.

    I really appreciate the help.
     
    happy
User_default_medium