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

help with text boxes on character sheet

September 19 (1 year ago)

I hope this is the correct place for this i have used Anduh/Roll20-grid-template to create my character sheet. I have most of it working fine but some of the text boxes are too big for the column they are in. How do I specify the size of the text boxes?


many thanks  


September 19 (1 year ago)

Edited September 19 (1 year ago)
vÍnce
Pro
Sheet Author

Hi Chris. 
Are the fields overflowing into other areas and messing up the sheet's layout, fields too big for the text, or is the text getting clipped, or..?  Screenshot(s) would help.  Any relevant HTML and CSS is also helpful.
You can try applying some styling to text inputs in your css file like this;

.ui-dialog .tab-content .charsheet input[type="text"] {    
width: 100px;
outline: 2px solid red;
}

The above could affect all text inputs, so you might want to assign a class to certain inputs in order to better specify styling. example;
<input class="medium-input" type="text" value="" />

.ui-dialog .tab-content .charsheet input[type="text"].medium-input {    
width: 100px;
outline: 2px solid red;
}

fyi: I just added the outline: 2px solid red; to help you better see the fields while experimenting/editing.  Remove it once you have dialed in your text inputs.


September 20 (1 year ago)

Hi thanks that fixed it .