Can I limit the length of a textbox?

decaffeinated_doctor

I have a "textbox" that allows the player to enter their name. (textbox is a sugarcube thing, i think? not sure)
However, there's nothing stopping them from having a character named "SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS"
And that's an issue. How could I limit the length of the textbox itself, or find a way to shorten the string afterwards if it exceeds a limit?
I'm using Twine 2.0.8 (.10 doesn't work?? Unrelated) with the Sugarcube format
Thanks :P

BONUS: Is it possible to make the "textbox" fit the size of my surrounding font? It's awfully small.

greyelf

You need to state which Story Format you are using when you as a question because answers can be different for each one.
You mention SugarCube but it is unclear if you are actually using it and if so which version (1 or 2)

decaffeinated_doctor

greyelf wrote: »

You need to state which Story Format you are using when you as a question because answers can be different for each one.

Thanks pal, I edited it

TheMadExile

Since you failed to specify which version of SugarCube you're using, I'm going to assume v1.

You may change the visible length of the text input element created by <<textbox>> by changing its default style. For example: (goes in Story Stylesheet)

input[type="text"] {
	min-width: 12em; /* default: 20em */
}

That doesn't change how long of a string they may enter, however. So, in addition to the above, you will likely also want to place something like the following somewhere within the passage where you're invoking <<textbox>>:

<<script>>
postdisplay["textboxMaxlength"] = function (taskName) {
	/* Limit textbox input elements to 12 characters. */
	$(".macro-textbox").attr("maxlength", 12);

	/* Make this a single-use task.*/
	delete postdisplay[taskName];
};
<</script>>

That will alter all of the text input elements created by <<textbox>> within the passage. If you only wish to alter some of them or have many passages containing <<textbox>> macros, then the setup will need to be a little different.


Regarding the font. You may change the size, family, or both—though, I suggest only altering one at a time, until you find something you like. For example, to make the default font larger: (goes in Story Stylesheet)

input[type="text"] {
	font-size: 14px; /* default: 12px */
}

Or, to change the default font (monospace) so that it matches the default font stack in SugarCube v1: (goes in Story Stylesheet)

input[type="text"] {
	font-family: Verdana, "DejaVu Sans", Helmet, Freesans, sans-serif; /* default: monospace */
}