Sugarcube 2.7.0: Is it possible to resize a checkbox?

hausrath

Hello all,

Are checkboxes designed to be resized? I'm looking to make the ones in my game about 200% bigger. I'm not sure if they have an image-like property that allows them to be altered or not. Any help is appreciated. Thank you!

TheMadExile

Assuming you mean the <<checkbox>> macro. No, not in a way that's portable across browsers. It uses the standard HTML form control of the same name for its UI, which generally has poor styling support.

hausrath

Cool. It was worth a shot. Thanks for the answer.

walker

You can try this:

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

Add this to the Story Stylesheet.
I tested only with Firefox.

hausrath

It works in Chrome as well. The only thing you have to be aware of is the spacing, because the size of the object is still the same as if it was a regular sized checkbox. If you don't put an extra space, the checkboxes overlap with the letters next to them. That's super easy to work around, though, so thank you!!

walker

Sorry the padding must be margin.