question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make it possible to align checkbox to the right

See original GitHub issue

I was able to achieve this with very little code change on codepen, and I think it’s quite a nice addition to the checkbox feature having item-checkbox-right and item-checkbox-left just like pretty much everything list-wise.

http://codepen.io/fredgalvao/pen/ctKwp

I could make a PR on the weekend if it’s deemed necessary, but I think this is a pretty small change and could come into tomorrow’s beta? Looking forward to this.

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Comments:12 (1 by maintainers)

github_iconTop GitHub Comments

5reactions
prosenjit-mannacommented, Dec 9, 2016
.item-checkbox-right {
  flex-direction: row-reverse;
}

<ion-item class="item-checkbox-right">

2reactions
smorstabilinicommented, May 26, 2015

@111crb111 if you replace

<ion-item class="item-checkbox" ...

with

<ion-item class="item-checkbox-right" ...

it doesn’t work. But if you use <ion-checkbox> instead of <ion-item> it does work. see fredgalvao’ codepen. Hope this helps

Read more comments on GitHub >

github_iconTop Results From Across the Web

html - Align Checkboxes - Stack Overflow
You can set a text-align:right css rule to the wrapper of the checkboxes. Or ...
Read more >
Aligning checkboxes to the right of text - HTML & CSS - SitePoint
:slight_smile: Just float the check box to the right and let the text sit on the left. The check box will need to...
Read more >
How to Align a Checkbox and Its Label Consistently Cross ...
Checkbox is one of HTML forms that is used on every website. This tutorial will show how to align checkboxes and their labels...
Read more >
How to align checkboxes and their labels on cross-browsers ...
Method 1: By making the position of checkbox relative, set the vertical-align to the middle can align the checkboxes and their labels.
Read more >
i want right align [ checkbox-custom ] ,, First Label then check ...
i want check box on right side – but its not working – First Label . then custom check box ———————– <div class=”checkbox-custom ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found