Note that there are some explanatory texts on larger screens.

plurals
  1. PObuttons not showing next to each other on mobile
    primarykey
    data
    text
    <p>I am just trying to have two buttons next to each other. I read other posts in Stackoverflow and recommendation was to use LinearLayout. I would like to continue to use Relative Layout. Any way I can fix what is showing in the images?</p> <p>Eclipse: <img src="https://i.stack.imgur.com/sHwPF.jpg" alt="enter image description here"></p> <p>HTC One (mobile):</p> <p><img src="https://i.stack.imgur.com/52r6o.png" alt="enter image description here"></p> <p>and here is the xml:</p> <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" &gt; &lt;TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="31dp" android:text="@string/welcomeMessageMain" android:textAppearance="?android:attr/textAppearanceLarge" android:textColor="@color/LightSlateGray" android:textSize="12pt" /&gt; &lt;Button android:id="@+id/newDiscountButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/latestDiscountsButton" android:layout_alignBottom="@+id/latestDiscountsButton" android:layout_alignParentLeft="true" android:layout_marginLeft="18dp" android:layout_marginRight="14dp" android:background="@drawable/roundbuttonxml" android:height="50dp" android:paddingLeft="10dp" android:paddingRight="10dp" android:text="@string/newDiscountBUttonLabel" android:textColor="@color/WhiteColor" android:width="115dp" /&gt; &lt;TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginBottom="35dp" android:text="@string/copyrightMessage" android:textAppearance="?android:attr/textAppearanceSmall" /&gt; &lt;Button android:id="@+id/latestDiscountsButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView1" android:layout_marginTop="30dp" android:layout_toRightOf="@+id/newDiscountButton" android:background="@drawable/roundbuttonxml" android:height="50dp" android:paddingLeft="10dp" android:paddingRight="10dp" android:text="@string/recentDiscountsButtonLabel" android:textColor="@color/WhiteColor" android:width="115dp" /&gt; &lt;/RelativeLayout&gt; </code></pre> <p>Thanks for helping! :) </p> <p>New code after TableRow and still not working:</p> <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" &gt; &lt;TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="31dp" android:text="@string/welcomeMessageMain" android:textAppearance="?android:attr/textAppearanceLarge" android:textColor="@color/LightSlateGray" android:textSize="12pt" /&gt; &lt;TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginBottom="35dp" android:text="@string/copyrightMessage" android:textAppearance="?android:attr/textAppearanceSmall" /&gt; &lt;TableRow android:id="@+id/tableRow1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView1" android:layout_centerHorizontal="true" android:layout_marginTop="20dp" &gt; &lt;Button android:id="@+id/newDiscountButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="17dp" android:background="@drawable/roundbuttonxml" android:height="50dp" android:paddingLeft="10dp" android:paddingRight="10dp" android:text="@string/newDiscountBUttonLabel" android:textColor="@color/WhiteColor" android:width="115dp" /&gt; &lt;Button android:id="@+id/latestDiscountsButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="14dp" android:background="@drawable/roundbuttonxml" android:height="50dp" android:paddingLeft="10dp" android:paddingRight="10dp" android:text="@string/recentDiscountsButtonLabel" android:textColor="@color/WhiteColor" android:width="115dp" /&gt; &lt;/TableRow&gt; &lt;/RelativeLayout&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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