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:

enter image description here

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

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -