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

Expanded Textarea in one row on start

November 12 (4 years ago)
Chomik
Pro
Sheet Author

I make new sheet and have a small problem. I use in line Textarea, as there should there be rather long list of possible usage of Pools, next to numbers. When I load sheet I have rolled up Textarea ( see Picture 1 ) - but I would it to start expanded ( see Picture 2 ). 

Picture 1


Picture 2


Here is code for this whole section:

<div class="tier4">
	<div class="row">
		<h2>Drive</h2>
		<div class="col">
        <textarea name="attr_drive" rows="1"></textarea>
		</div>
	</div>
	<div class="row">
    <h2>Pools</h2>
	</div>
	<div class="colrow"> 
	 <table>
			<tr>
                <td>Primary</td>
                <td class="fill"><input type="number" name="attr_poolprim" value="0"></td>
				<td><textarea name="attr_poolprimlist" rows="1">(Primary list)</textarea></td>
            </tr>
			<tr>
                <td>Secondary</td>
                <td class="fill"><input type="number" name="attr_poolsec" value="0"></td>
				<td><textarea name="attr_poolseclist" rows="1">(Secondary list)</textarea></td>
            </tr>
			<tr>
                <td>Desperation</td>
                <td class="fill"><input type="number" name="attr_pooldespe" value="0"></td>
				<td><textarea name="attr_pooldespelist" rows="1">(Desperation list)</textarea></td>
            </tr>

	</div>
	<div class="row">
		<h2>Weaknesses</h2>
		<div class="col">
        <textarea name="attr_weakness" rows="2"></textarea>
		</div>
	</div>
</div>
November 14 (4 years ago)
Chomik
Pro
Sheet Author

In-line adding CSS Style with particular pixels width number seems to solve the problem. 

<div class="row">
    <h2>Pools</h2>
	</div>
	<div class="colrow"> 
	 <table>
			<tr>
                <td>Primary</td>
                <td class="fill"><input type="number" name="attr_poolprim" value="0"></td>
				<td class="fill"><textarea name="attr_poolprimlist" style="width: 750px;" rows="1">(Primary list)</textarea></td>
            </tr>
			<tr>
                <td>Secondary</td>
                <td class="fill"><input type="number" name="attr_poolsec" value="0"></td>
				<td class="fill"><textarea name="attr_poolseclist" style="width: 750px;" rows="1">(Secondary list)</textarea></td>
            </tr>
			<tr>
                <td>Desperation</td>
                <td class="fill"><input type="number" name="attr_pooldespe" value="0"></td>
				<td class="fill"><textarea name="attr_pooldespelist" style="width: 750px;" rows="1">(Desperation list)</textarea></td>
            </tr>
		</table>	
	</div>