Material: Change position of md-switch to be on the right side?

Created on 12 Jul 2016  路  8Comments  路  Source: angular/material

Is there a way to change the default md-switch position on the left of the text/label to be on the right side instead?

Pull Request fixed enhancement
Source
picture johhansantana

Most helpful comment

Use following css for md-check element

direction: rtl;
float: left;
picture Pandi1990 on 30 Nov 2016
👍3 😄1

All 8 comments

@Lordnoname previously submitted a PR, which adds this functionality (#8205)

devversion picture devversion on 12 Jul 2016
👍1

Hi @DevVersion how do I use that attribute, I added md-invert to the md-switch but did nothing.

johhansantana picture johhansantana on 12 Jul 2016

@jsantana90 It's not available (yet). The PR was closed due to our deprecation efforts.

devversion picture devversion on 12 Jul 2016
😕2

@DevVersion - what is the PR # ?

ThomasBurleson picture ThomasBurleson on 22 Aug 2016

@ThomasBurleson The associated PR is #8205

devversion picture devversion on 22 Aug 2016
👍1

Use following css for md-check element

direction: rtl;
float: left;
Pandi1990 picture Pandi1990 on 30 Nov 2016
👍3 😄1

Would be great to support this via class="md-secondary"

recursionbane picture recursionbane on 15 Nov 2017
👎1

This was implemented in 1.1.2.

Splaktar picture Splaktar on 7 Feb 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

Dona278 picture Dona278  路  3Comments
rdantonio picture rdantonio  路  3Comments
chriseyhorn picture chriseyhorn  路  3Comments
LeoLozes picture LeoLozes  路  3Comments
buzybee83 picture buzybee83  路  3Comments