Set max width for object edit forms

This commit is contained in:
jeremystretch 2021-08-13 13:35:23 -04:00
parent a6150f2578
commit 9f59f99663
8 changed files with 143 additions and 150 deletions

Binary file not shown.

Binary file not shown.

View File

@ -647,6 +647,11 @@ span.color-label {
}
}
.form-object-edit {
margin: 0 auto;
max-width: 800px;
}
textarea.form-control[rows='10'] {
height: 18rem;
}

View File

@ -4,7 +4,7 @@
{% block form_fields %}
{% if form.instance.device %}
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Device</label>
<label class="col-sm-3 col-form-label text-lg-end">Device</label>
<div class="col">
<input class="form-control" value="{{ form.instance.device }}" disabled />
</div>

View File

@ -6,7 +6,7 @@
<h4 class="mb-3">Interface</h4>
{% if form.instance.device %}
<div class="row mb-3">
<label class="col-sm-3 col-form-label required" for="id_device">Device</label>
<label class="col-sm-3 col-form-label text-lg-end required" for="id_device">Device</label>
<div class="col">
<input class="form-control" value="{{ form.instance.device }}" disabled />
</div>

View File

@ -5,12 +5,10 @@
{% block title %}{% if vc_form.instance %}Editing Virtual Chassis {{ vc_form.instance }}{% else %}New Virtual Chassis{% endif %}{% endblock %}
{% block content %}
<form action="" method="post" enctype="multipart/form-data" class="form form-horizontal">
<form action="" method="post" enctype="multipart/form-data" class="form-object-edit">
{% csrf_token %}
{{ pk_form.pk }}
{{ formset.management_form }}
<div class="row">
<div class="col col-md-8 offset-md-2">
<div class="card">
<h5 class="card-header">Virtual Chassis</h5>
<div class="card-body">
@ -88,10 +86,7 @@
</table>
</div>
</div>
</div>
</div>
<div class="row my-3">
<div class="col col-md-8 offset-md-2 text-end">
<div class="text-end">
<a href="{{ return_url }}" class="btn btn-outline-danger">Cancel</a>
{% if vc_form.instance.pk %}
<button type="submit" name="_update" class="btn btn-primary">Save</button>
@ -99,6 +94,5 @@
<button type="submit" name="_create" class="btn btn-primary">Create</button>
{% endif %}
</div>
</div>
</form>
{% endblock %}

View File

@ -31,12 +31,12 @@
{% block content-wrapper %}
<div class="tab-content">
<div class="tab-pane show active" id="edit-form" role="tabpanel" aria-labelledby="object-list-tab">
<form action="" method="post" enctype="multipart/form-data">
<form action="" method="post" enctype="multipart/form-data" class="form-object-edit">
{% csrf_token %}
{% for field in form.hidden_fields %}{{ field }}{% endfor %}
{% for field in form.hidden_fields %}
{{ field }}
{% endfor %}
<div class="row">
<div class="col col-md-12 col-lg-10 offset-lg-1">
{% block form %}
{% if form.Meta.fieldsets %}
@ -72,11 +72,8 @@
{% endif %}
{% endblock form %}
</div>
</div>
<div class="row my-3">
<div class="col col-md-12 col-lg-10 offset-lg-1 text-end">
<div class="text-end my-3">
{% block buttons %}
<a class="btn btn-outline-danger" href="{{ return_url }}">Cancel</a>
@ -84,7 +81,6 @@
<button type="submit" name="_update" class="btn btn-primary">
Save
</button>
{% else %}
<button type="submit" name="_addanother" class="btn btn-outline-primary">
Create & Add Another
@ -92,12 +88,10 @@
<button type="submit" name="_create" class="btn btn-primary">
Create
</button>
{% endif %}
{% endblock buttons %}
</div>
</div>
</form>
</div>
</div>

View File

@ -6,7 +6,7 @@
<h5 class="text-center">Interface</h5>
{% if form.instance.virtual_machine %}
<div class="row mb-3">
<label class="col-sm-3 col-form-label required" for="id_device">Virtual Machine</label>
<label class="col-sm-3 col-form-label text-lg-end required" for="id_device">Virtual Machine</label>
<div class="col">
<input class="form-control" value="{{ form.instance.virtual_machine }}" disabled />
</div>