Site: (liferay#675) Forms add example of Simple File Upload and `.for…

…m-control-plaintext`
pat270 · Mar 2, 2018 · 6e3ca8a · 6e3ca8a
1 parent c58750b
commit 6e3ca8a
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/packages/clay/src/content/form_custom.html b/packages/clay/src/content/form_custom.html
@@ -16,6 +16,20 @@ <h3>Form File</h3>
 		</div>
 
 <div class="sheet">
+	<h4 class="sheet-subtitle">Simple File Upload</h4>
+	<div class="form-group">
+		<div class="input-group input-group-sm">
+			<div class="input-group-item input-group-item-shrink">
+				<div class="form-file">
+					<input class="form-file-input" data-clay-site-content="#customFilePlaintext4" data-clay-site-toggle="file" id="customFile4" type="file">
+					<button class="btn btn-secondary" tabindex="-1">Select File</button>
+				</div>
+			</div>
+			<div class="input-group-item">
+				<input class="form-control-plaintext" id="customFilePlaintext4" readonly type="text" value="No file selected">
+			</div>
+		</div>
+	</div>
 	<div class="form-group">
 		<label for="customFile1">Attach File</label>
 		<div class="input-group">

diff --git a/packages/clay/src/content/form_elements.html b/packages/clay/src/content/form_elements.html
@@ -303,11 +303,15 @@ <h3>Read Only States</h3>
 <div class="sheet">
 	<div class="form-group">
 		<label for="readonlyTextInput">Text Input (Read Only)</label>
-		<input class="form-control" id="readonlyTextInput" placeholder="Placeholder" readonly type="text" value="Con panna aroma, pumpkin spice to go, wings, aromatic single shot, aged single shot to go extraction java.">
+		<input class="form-control" id="readonlyTextInput" readonly type="text" value="Con panna aroma, pumpkin spice to go, wings, aromatic single shot, aged single shot to go extraction java.">
+	</div>
+	<div class="form-group">
+		<label for="readonlyTextInputPlaintext">Read Only Plaintext</label>
+		<input class="form-control-plaintext" id="readonlyTextInputPlaintext" readonly type="text" value="Con panna aroma, pumpkin spice to go, wings, aromatic single shot, aged single shot to go extraction java.">
 	</div>
 	<div class="form-group">
 		<label for="readonlyTextarea">Textarea (Read Only)</label>
-		<textarea class="form-control" id="readonlyTextarea" placeholder="Placeholder" readonly>Plunger pot, extra siphon latte, as americano aromatic roast cultivar cup cup frappuccino. To go, strong, half and half foam single origin, cultivar affogato black grounds shop ut plunger pot. Con panna aroma, pumpkin spice to go, wings, aromatic single shot, aged single shot to go extraction java. Percolator americano at cultivar grinder est java percolator plunger pot shop con panna.</textarea>
+		<textarea class="form-control" id="readonlyTextarea" readonly>Plunger pot, extra siphon latte, as americano aromatic roast cultivar cup cup frappuccino. To go, strong, half and half foam single origin, cultivar affogato black grounds shop ut plunger pot. Con panna aroma, pumpkin spice to go, wings, aromatic single shot, aged single shot to go extraction java. Percolator americano at cultivar grinder est java percolator plunger pot shop con panna.</textarea>
 	</div>
 </div>