Defining layout
===

Below is the xml code that i have for creating a text box with caption "enter phone number here". I have a edit box which gets the phone number and also a button. 
The problem is text box and edit box are overlapping on each other. how to solve this problem.



    <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" >
        
        <TextView android:id="@+id/textLabel"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:text="Enter number to dial"
            />
        <EditText android:id="@+id/phoneNumber"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            />
    	 <Button android:id="@+id/callButton"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
         android:text="Show Dialer"
         />
     
    
    </RelativeLayout>


