Fork me on GitHub

Styleguide: Input Fields

Default

<div class="pgadmin-control-group form-group row pg-el-12 name">
<label class="control-label pg-el-sm-3 pg-el-12" for="pgC_321">...</label>
<div class="pgadmin-controls pg-el-sm-9 pg-el-12">
  <input type="text" id="pgC_1030" class="form-control" name="name" maxlength="255" value="" placeholder="">
</div>
</div>

Active

postgres
Handled by bootstrap class.form-control:focus

Disabled

postgres
<div class="pgadmin-control-group form-group row pg-el-12 name">
 ...
<input id="pgC_735" class="form-control" readonly aria-readonly="true" value="postgres">
</div>

Error

<div class=“pgadmin-control-group form-group row pg-el-12 name has-error”> ...</div>

Default

<div class="pgadmin-control-group form-group row pg-el-12 name">
<label class="control-label pg-el-sm-3 pg-el-12" for="pgC_321">...</label>
<div class="pgadmin-controls pg-el-sm-9 pg-el-12">
  <input type="text" id="pgC_1030" class="form-control" name="name" maxlength="255" value="" placeholder="">
</div>
</div>

Active

postgres
Handled by bootstrap class.form-control:focus

Disabled

postgres
<div class="pgadmin-control-group form-group row pg-el-12 name">
 ...
<input id="pgC_735" class="form-control" readonly aria-readonly="true" value="postgres">
</div>

Error

<div class=“pgadmin-control-group form-group row pg-el-12 name has-error”> ...</div>

Default

<div class="pgadmin-control-group form-group row pg-el-12 name">
<label class="control-label pg-el-sm-3 pg-el-12" for="pgC_321">...</label>
<div class="pgadmin-controls pg-el-sm-9 pg-el-12">
  <input type="text" id="pgC_1030" class="form-control" name="name" maxlength="255" value="" placeholder="">
</div>
</div>

Active

postgres
Handled by bootstrap class.form-control:focus

Disabled

postgres
<div class="pgadmin-control-group form-group row pg-el-12 name">
 ...
<input id="pgC_735" class="form-control" readonly aria-readonly="true" value="postgres">
</div>

Error

<div class=“pgadmin-control-group form-group row pg-el-12 name has-error”> ...</div>