Login Screen UI changes



I have done my login screen with the theme Theme.Holo.Light, and I got my edit fields as shown below in image 1 but want to change it as image 2. Any help will be appreciated.


changes to make - in my current UI it has only light blue underline, i want to change it to a box shape with white borders. Currently im toasting the error message but i want my edit field border to change as in the image 2 check box border is white but its not visible much, wanna make it white thike border


image 1


enter image description here


image2


enter image description here


my XML file



<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://ift.tt/nIICcg"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000000"
android:orientation="vertical" >

<Button
android:id="@+id/btlogin"
android:layout_width="225dp"
android:layout_height="35dp"
android:layout_below="@+id/ch_rememberme"
android:layout_centerHorizontal="true"
android:layout_marginTop="16dp"
android:background="#188e04"
android:onClick="doLogin"
android:text="LOGIN NOW"
android:textColor="#ffffff"
android:textSize="14sp" />

<CheckBox
android:id="@+id/ch_rememberme"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/btlogin"
android:layout_below="@+id/txt_pwd"
android:gravity="center"
android:text="Remember login information"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#ffffff" />

<EditText
android:id="@+id/txt_pwd"
android:layout_width="265dp"
android:layout_height="32dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:ems="10"
android:gravity="center"
android:hint="Enter Password"
android:password="true"
android:singleLine="true"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#ffffff" />

<EditText
android:id="@+id/txt_user"
android:layout_width="265dp"
android:layout_height="32dp"
android:layout_above="@+id/txt_pwd"
android:layout_alignLeft="@+id/txt_pwd"
android:layout_marginBottom="16dp"
android:gravity="center"
android:hint="Email Address"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#ffffff" />

</RelativeLayout>

No comments:

Post a Comment