angular ui bootstrap - md-button position alignment in the form -
i'm using ng-include call form "test_form", upon display buttons align @ center. how can align them @ bottom right of form.
index.html
<div class="col-sm-6 sidenav"> <!-- menu bar content @ top --> <div class="column-nav-form" ng-include = "'/views/html/test_form.html'" > </div>
test_form.html
<form name="testform" ng-app="myapp" ng-controller="formcontroller" class="container-fluid" ng-submit="submit()"> <!-- form labels --> <md-button class="md-raised md-primary testform" type ="button" ng-click ="reset()">cancel</md-button> <md-button class="md-raised md-primary testform" ng-disabled="testform.$invalid">save</md-button> </form>
css
.md-button.md-raised.md-primary.testform { position: right !important; color: #ffffff; background-color: #4caf50; }
form button display:
pull-right class did trick.
<form name="testform" ng-app="myapp" ng-controller="formcontroller" class="container-fluid" ng-submit="submit()"> <!-- form labels --> <md-button class="md-raised md-primary pull-right testform" type ="button" ng-click ="reset()">cancel</md-button> <md-button class="md-raised md-primary pull-right testform" ng-disabled="testform.$invalid">save</md-button> </form>
Comments
Post a Comment