CODEWITHSUNDEEP
angularjsangularjs-directivefrontendangular-material
Денис Могила
Денис Могила

Reputation: 89

How can i make custom position of inputs dropdown in angular-material?

I found 'md-position-mode' directive, but it works only with menu('md-menu'), help me please to find something similar for inputs dropdown

Upvotes: 1

Views: 659

Answers (1)

camden_kid
camden_kid

Reputation: 12813

If by "inputs dropdown" you mean md-select you can use the md-container-class attribute with some CSS - CodePen

Markup

<md-input-container>
    <label>State</label>
    <md-select id="mySelect" ng-model="ctrl.userState" md-container-class="selectList">
      <md-option ng-repeat="state in ctrl.states" value="{{state.abbrev}}" ng-disabled="$index === 1">
        {{state.abbrev}}
      </md-option>
    </md-select>
</md-input-container>

CSS

.selectList {
  margin-left: 100px;
  margin-top: 50px;
}

md-select documentation

Upvotes: 1

Related Questions