mirror of
https://github.com/danpros/htmly.git
synced 2026-04-18 03:26:20 +05:30
Fix form styling
This commit is contained in:
Dan
parent
be90f88708
commit
04c5ab3a3d
6 changed files with 204 additions and 90 deletions
|
|
@ -10,34 +10,58 @@ if (file_exists($field_file)) {
|
|||
?>
|
||||
<!-- Preview Section -->
|
||||
<div id="form-preview"></div>
|
||||
<br><br>
|
||||
<br>
|
||||
<!-- Form Input Section -->
|
||||
<div class="form-group" id="form-input">
|
||||
<label for="type">Form Input</label>
|
||||
<span class="d-block mt-1" id="input-status"></span>
|
||||
<br>
|
||||
<select id="type">
|
||||
<option value="text">Text</option>
|
||||
<option value="textarea">Textarea</option>
|
||||
<option value="checkbox">Checkbox</option>
|
||||
<option value="select">Select</option>
|
||||
</select>
|
||||
<input type="text" id="label" placeholder="Label (required)">
|
||||
<input type="text" id="name" placeholder="Name (required)">
|
||||
<input type="text" id="value" placeholder="Value (optional)">
|
||||
<input type="text" id="info" placeholder="Field Info (optional)">
|
||||
<button id="add-field" class="btn btn-primary">Add Field</button>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<label for="type">Form type</label>
|
||||
<select id="type" class="form-control">
|
||||
<option value="text">Text</option>
|
||||
<option value="textarea">Textarea</option>
|
||||
<option value="checkbox">Checkbox</option>
|
||||
<option value="select">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="label">Label</label>
|
||||
<input type="text" class="form-control" id="label" placeholder="Label (required)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Name (required)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="value">Value</label>
|
||||
<input type="text" class="form-control" id="value" placeholder="Value (optional)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="info">Info</label>
|
||||
<input type="text" class="form-control" id="info" placeholder="Field Info (optional)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="add-field">Operations</label>
|
||||
<button id="add-field" class="btn btn-primary">Add Field</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span class="d-block mt-1"><small><em>No spaces for <code>Name</code> input. Underscores and dashes allowed</em></small></span>
|
||||
|
||||
<div id="options-container" style="display: none;">
|
||||
<strong>Options</strong>
|
||||
<div id="option-list"></div>
|
||||
<button id="add-option" class="btn btn-primary btn-xs">Add Option</button>
|
||||
<span class="d-block mt-1"><small><em>No spaces for select <code>Value</code> input. Underscores and dashes allowed</em></small></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h5 class="mt-2">Options</h5>
|
||||
<div id="option-list"></div>
|
||||
<button id="add-option" class="btn btn-primary btn-xs mt-1">Add Option</button>
|
||||
<span class="d-block mt-1"><small><em>No spaces for select and option <code>Value</code> input. Underscores and dashes allowed</em></small></span>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Form submit Section -->
|
||||
<button class="btn btn-primary" id="saveButton"><?php echo i18n('save');?></button>
|
||||
|
|
|
|||
|
|
@ -10,34 +10,58 @@ if (file_exists($field_file)) {
|
|||
?>
|
||||
<!-- Preview Section -->
|
||||
<div id="form-preview"></div>
|
||||
<br><br>
|
||||
<br>
|
||||
<!-- Form Input Section -->
|
||||
<div class="form-group" id="form-input">
|
||||
<label for="type">Form Input</label>
|
||||
<span class="d-block mt-1" id="input-status"></span>
|
||||
<br>
|
||||
<select id="type">
|
||||
<option value="text">Text</option>
|
||||
<option value="textarea">Textarea</option>
|
||||
<option value="checkbox">Checkbox</option>
|
||||
<option value="select">Select</option>
|
||||
</select>
|
||||
<input type="text" id="label" placeholder="Label (required)">
|
||||
<input type="text" id="name" placeholder="Name (required)">
|
||||
<input type="text" id="value" placeholder="Value (optional)">
|
||||
<input type="text" id="info" placeholder="Field Info (optional)">
|
||||
<button id="add-field" class="btn btn-primary">Add Field</button>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<label for="type">Form type</label>
|
||||
<select id="type" class="form-control">
|
||||
<option value="text">Text</option>
|
||||
<option value="textarea">Textarea</option>
|
||||
<option value="checkbox">Checkbox</option>
|
||||
<option value="select">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="label">Label</label>
|
||||
<input type="text" class="form-control" id="label" placeholder="Label (required)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Name (required)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="value">Value</label>
|
||||
<input type="text" class="form-control" id="value" placeholder="Value (optional)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="info">Info</label>
|
||||
<input type="text" class="form-control" id="info" placeholder="Field Info (optional)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="add-field">Operations</label>
|
||||
<button id="add-field" class="btn btn-primary">Add Field</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span class="d-block mt-1"><small><em>No spaces for <code>Name</code> input. Underscores and dashes allowed</em></small></span>
|
||||
|
||||
<div id="options-container" style="display: none;">
|
||||
<strong>Options</strong>
|
||||
<div id="option-list"></div>
|
||||
<button id="add-option" class="btn btn-primary btn-xs">Add Option</button>
|
||||
<span class="d-block mt-1"><small><em>No spaces for select <code>Value</code> input. Underscores and dashes allowed</em></small></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h5 class="mt-2">Options</h5>
|
||||
<div id="option-list"></div>
|
||||
<button id="add-option" class="btn btn-primary btn-xs mt-1">Add Option</button>
|
||||
<span class="d-block mt-1"><small><em>No spaces for select and option <code>Value</code> input. Underscores and dashes allowed</em></small></span>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Form submit Section -->
|
||||
<button class="btn btn-primary" id="saveButton"><?php echo i18n('save');?></button>
|
||||
|
|
|
|||
|
|
@ -10,34 +10,58 @@ if (file_exists($field_file)) {
|
|||
?>
|
||||
<!-- Preview Section -->
|
||||
<div id="form-preview"></div>
|
||||
<br><br>
|
||||
<br>
|
||||
<!-- Form Input Section -->
|
||||
<div class="form-group" id="form-input">
|
||||
<label for="type">Form Input</label>
|
||||
<span class="d-block mt-1" id="input-status"></span>
|
||||
<br>
|
||||
<select id="type">
|
||||
<option value="text">Text</option>
|
||||
<option value="textarea">Textarea</option>
|
||||
<option value="checkbox">Checkbox</option>
|
||||
<option value="select">Select</option>
|
||||
</select>
|
||||
<input type="text" id="label" placeholder="Label (required)">
|
||||
<input type="text" id="name" placeholder="Name (required)">
|
||||
<input type="text" id="value" placeholder="Value (optional)">
|
||||
<input type="text" id="info" placeholder="Field Info (optional)">
|
||||
<button id="add-field" class="btn btn-primary">Add Field</button>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<label for="type">Form type</label>
|
||||
<select id="type" class="form-control">
|
||||
<option value="text">Text</option>
|
||||
<option value="textarea">Textarea</option>
|
||||
<option value="checkbox">Checkbox</option>
|
||||
<option value="select">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="label">Label</label>
|
||||
<input type="text" class="form-control" id="label" placeholder="Label (required)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Name (required)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="value">Value</label>
|
||||
<input type="text" class="form-control" id="value" placeholder="Value (optional)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="info">Info</label>
|
||||
<input type="text" class="form-control" id="info" placeholder="Field Info (optional)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="add-field">Operations</label>
|
||||
<button id="add-field" class="btn btn-primary">Add Field</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span class="d-block mt-1"><small><em>No spaces for <code>Name</code> input. Underscores and dashes allowed</em></small></span>
|
||||
|
||||
<div id="options-container" style="display: none;">
|
||||
<strong>Options</strong>
|
||||
<div id="option-list"></div>
|
||||
<button id="add-option" class="btn btn-primary btn-xs">Add Option</button>
|
||||
<span class="d-block mt-1"><small><em>No spaces for select <code>Value</code> input. Underscores and dashes allowed</em></small></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h5 class="mt-2">Options</h5>
|
||||
<div id="option-list"></div>
|
||||
<button id="add-option" class="btn btn-primary btn-xs mt-1">Add Option</button>
|
||||
<span class="d-block mt-1"><small><em>No spaces for select and option <code>Value</code> input. Underscores and dashes allowed</em></small></span>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Form submit Section -->
|
||||
<button class="btn btn-primary" id="saveButton"><?php echo i18n('save');?></button>
|
||||
|
|
|
|||
|
|
@ -10,34 +10,58 @@ if (file_exists($field_file)) {
|
|||
?>
|
||||
<!-- Preview Section -->
|
||||
<div id="form-preview"></div>
|
||||
<br><br>
|
||||
<br>
|
||||
<!-- Form Input Section -->
|
||||
<div class="form-group" id="form-input">
|
||||
<label for="type">Form Input</label>
|
||||
<span class="d-block mt-1" id="input-status"></span>
|
||||
<br>
|
||||
<select id="type">
|
||||
<option value="text">Text</option>
|
||||
<option value="textarea">Textarea</option>
|
||||
<option value="checkbox">Checkbox</option>
|
||||
<option value="select">Select</option>
|
||||
</select>
|
||||
<input type="text" id="label" placeholder="Label (required)">
|
||||
<input type="text" id="name" placeholder="Name (required)">
|
||||
<input type="text" id="value" placeholder="Value (optional)">
|
||||
<input type="text" id="info" placeholder="Field Info (optional)">
|
||||
<button id="add-field" class="btn btn-primary">Add Field</button>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<label for="type">Form type</label>
|
||||
<select id="type" class="form-control">
|
||||
<option value="text">Text</option>
|
||||
<option value="textarea">Textarea</option>
|
||||
<option value="checkbox">Checkbox</option>
|
||||
<option value="select">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="label">Label</label>
|
||||
<input type="text" class="form-control" id="label" placeholder="Label (required)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Name (required)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="value">Value</label>
|
||||
<input type="text" class="form-control" id="value" placeholder="Value (optional)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="info">Info</label>
|
||||
<input type="text" class="form-control" id="info" placeholder="Field Info (optional)">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label for="add-field">Operations</label>
|
||||
<button id="add-field" class="btn btn-primary">Add Field</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span class="d-block mt-1"><small><em>No spaces for <code>Name</code> input. Underscores and dashes allowed</em></small></span>
|
||||
|
||||
<div id="options-container" style="display: none;">
|
||||
<strong>Options</strong>
|
||||
<div id="option-list"></div>
|
||||
<button id="add-option" class="btn btn-primary btn-xs">Add Option</button>
|
||||
<span class="d-block mt-1"><small><em>No spaces for select <code>Value</code> input. Underscores and dashes allowed</em></small></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h5 class="mt-2">Options</h5>
|
||||
<div id="option-list"></div>
|
||||
<button id="add-option" class="btn btn-primary btn-xs mt-1">Add Option</button>
|
||||
<span class="d-block mt-1"><small><em>No spaces for select and option <code>Value</code> input. Underscores and dashes allowed</em></small></span>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Form submit Section -->
|
||||
<button class="btn btn-primary" id="saveButton"><?php echo i18n('save');?></button>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<br>
|
||||
<p>Custom fields enable users to add extra, specific data fields to their content, allowing for more detailed and flexible content management.</p>
|
||||
|
||||
<p>Use <code>get_field()</code> function in your template. Example:
|
||||
<p>Use <code>get_field()</code> function in your template.
|
||||
<ul><li>Post, Page, Subpage: <code><?php echo get_field('field_name', $p->raw);?></code></code></li>
|
||||
<li>Profile: <code><?php echo get_field('field_name', $author->raw);?></code></code></li></ul>
|
||||
</p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue