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

CSS Sorcerers needed...cramming a textarea into a row.

1515597834

Edited 1515597911
SᵃᵛᵃǤᵉ
Sheet Author
API Scripter
I want to put this textarea into a row on a repeating table. Bigger notes section. HTML <div class="sheet-row sheet-row-details"> <div class="ritualdescription"> <div class="sheet-cell sheet-col0 sheet-label"> Notes </div> <div class="sheet-cell sheet-col1"> <textarea name="attr_ritualnotes" title="@{repeating_rituals_$X_notes}" placeholder="notes" ></textarea> </div> </div> </div> The sheet-row-details is tied to a sheet-toggle that display/hides the row. I want the row (and box) to expand to allow for multi-line entry in the textarea. CSS .sheet-rituals { width: calc(100% - 0.4em); resize: vertical ; overflow: initial;} .sheet-rituals .sheet-col0 { width: calc(100% - 242px) ; } .sheet-rituals .sheet-col1 { width: 22px; } /* Roll Button */ .sheet-rituals .sheet-col2 { width: 60px; } .sheet-rituals .sheet-col3 { width: 40px; } .sheet-rituals .sheet-col8 { width: 60px; } .sheet-rituals .sheet-col9 { width: 60px; } .sheet-ritualdescription .sheet-row { min-height: 22px;} .sheet-ritualdescription .sheet-row .sheet-col110 { width: calc(100% - 0.4em); min-height:22px;} .sheet-rituals .sheet-ritualdescription .sheet-row .sheet-col110 textarea { width: 790px; padding: 8px;  min-height: 22px; resize: auto;} This is on the GURPS Sheet. I am reworking it to include Ritual Path Magic.
Hi Scott, I tried to use textarea on a custom sheet i have been working on for Infinity. I did manage to get the text area to show and was "fillable" on the character sheet....However the issue i had was that any information entered in to the textarea would not save. Every time the sheet or game was refreshed/reloaded the textarea information would revert to a blank. I tried googling the solution. From what i understood of various answers the textarea required some form of cookie/script/ other html magickry to save the entered information to be retrieved. My basic knowledge of HTML and CSS does not extend that far so i abandoned the idea. I know its not the answer you were looking for but it might save you time in not chasing something that might not work with roll20. That being said it very well may be possible and someone on here might know how its done, i just reached a point where i took my sheet a different direction to save my brain from hurting. 
1515611513
Lithl
Pro
Sheet Author
API Scripter
John M. said: However the issue i had was that any information entered in to the textarea would not save. Every time the sheet or game was refreshed/reloaded the textarea information would revert to a blank. I tried googling the solution. You did not give a name to the textarea that began with "attr_". Scott S. said: I want the row (and box) to expand to allow for multi-line entry in the textarea. Not entirely certain what you're looking for. Textareas are multiline form fields already, you just need to make them as tall as you like (the resize  property controls the resize handle that lets the user click and drag the corner to change the textarea size). If you're asking to resize the textarea automatically based on user input... that's a lot trickier, since we can't use javascript to manipulate the DOM. I think someone has posted a solution to that in the forums before, but it's not simple and IIRC only updates the textarea size when the attribute is saved (ie, when the textarea loses focus), not as you type.