Closed PeterSawyer closed 9 years ago
Slight issue with the switch in a modal. Left hand border missing. See attached image.
Am using the angular-modal-service.
Any ideas?
View markup is as per: -
<div class="modal fade"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <form name="formAgencyPost" class="form-horizontal" role="form"> <div class="modal-header"> <button type="button" class="close" ng-click="close()" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">{{ title }}</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="testSwitch" class="control-label col-sm-4 col-lg-3">Test switch</label> <div class="col-sm-8 col-lg-6"> <toggle-switch id="testSwitch" name="testSwitch" data-model="testSwitch" class="switch-success" on-label="true" off-label="false" required="required"> </toggle-switch> </div> </div> </div> <div class="modal-footer"> <button type="submit" ng-click="close()" class="btn btn-primary">OK</button> <button type="button" ng-click="cancel()" class="btn btn-default">Cancel</button> </div> </form> </div> </div> </div>
I got rid of the large columns and it worked.
ie. removed col-lg-3 from the label and col-lg-6 from the div
Slight issue with the switch in a modal. Left hand border missing. See attached image.
Am using the angular-modal-service.
Any ideas?
View markup is as per: -