Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Text Box and Style

1419968994

Edited 1419971306
Coal Powered Puppet
Pro
Sheet Author
Can text boxes be styled? I found this , showing several text box styles. But I couldn't get the few I tired to reflect Roll20. Then I went through the character sheet images on github, and none had stylized text boxes. So...can it be done? If not, can I turn the box invisible, but the imputed data stay visible? And how would I do that? Edit: added the link I missed the first time.
1419969979
Lithl
Pro
Sheet Author
API Scripter
Yes, text boxes can be styled. By "I found this," I assume you meant to link to something, but there's no link. =) If you want to get rid of the border around the textarea, you need to change both the border property and the box-shadow property. box-shadow is what makes it appear as though the text box has depth.
Whoops. Yeah, didn't add the link. Its added now. So...now I have to figure out what I'm doing wrong with sytling the text boxes, because I'm getting nothing but the same old boxes.
1419977953
Lithl
Pro
Sheet Author
API Scripter
Are you copying the HTML & CSS directly from the linked page? Roll20 automatically prepends "sheet-" to all classes in your HTML file (unless the class already starts with "sheet-"), but does not do so to classes in your CSS. Thus, you get: <input class="sheet-textbox" type="text"> .textbox { /* ... */ } "sheet-textbox" does not match "textbox" and so you have a problem. =) To make everything work as expected and easier to read, it is recommended that you include "sheet-" in all of your class names. You must do so in your CSS file, and while it's not strictly required in your HTML file, it makes things easier to read when you go back and compare the file to its CSS.
That works! Thank you for all who answer my simple questions. I have had a lot of help from this board, so, again, many thanks.