How to Display the Radio Button to the Right of the List in the Radiobutton List

The Onsen UI pattern has Radiobutton List, but the check location is
I want to follow the iOS UI and display it on the right.
If you know how to do that, please let me know.

onsen-ui css

2022-09-30 15:59

1 Answers

Add the class and move it to the right in the CSS.

<style>
    .radio-button --right{
        position:absolute;
        right —5px;
    }
</style>
:
: omission
:
<ons-list-item modulator="tappable">
  <label class="radio-button radio-button --list-item">
    <input type="radio"name="a"checked>
    <div class="radio-button__checkmark radio-button --list-item__checkmark radio-button --right">/div>
    Chrome
  </label>
</ons-list-item>

2022-09-30 15:59

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656