Note that there are some explanatory texts on larger screens.

plurals
  1. PORadio Button Text over Button
    text
    copied!<p>I'm trying to create a view in android that looks like:</p> <p>Text</p> <ul> <li>Radio Button 1</li> <li>...</li> <li>...</li> </ul> <p>I thought it was simple enough but at least in the layout preview and emulator I'm seeing the text for the RadioButton appear on top of the actual radio button (the circle), see the attached screen shot. I'm guessing this is something very trivial but I'm messed around with gravity and every other setting I can think of and nothing. Android 3.1 if that matters.</p> <p>Here's my layout:</p> <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:background="@color/white" android:layout_width="match_parent" android:layout_height="match_parent"&gt; &lt;TextView android:id="@+id/question_text" android:textColor="@color/primary_gray" android:layout_width="match_parent" android:text="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" android:layout_height="wrap_content"/&gt; &lt;RadioGroup android:id="@+id/multiple_choice_one_answer_group" android:background="@color/white" android:layout_width="match_parent" android:layout_height="wrap_content"&gt; &lt;RadioButton android:background="@color/primary_gray" android:textColor="@color/black" android:textSize="10sp" android:text="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" /&gt; &lt;/RadioGroup&gt; &lt;/LinearLayout&gt; </code></pre> <p>Screenshot:</p> <p><img src="https://i.stack.imgur.com/xFe3V.png" alt="Screwed up radio button"></p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload