SSCustomEditTextOutlineBorder

Same as an Outlined text fields presented in Material Design page but with some dynamic changes.

Getting Started

SSCustomEditTextOutLineBorder is a small kotlin library for android to support outlined (stroked) text in EditText widgets same as Material Design Outlined Box but without Floating Label.

The actual features are:

  • Outlined text fields with a label which have custom-built text, color, errorColor and backgroundColor.
  • Outlined box border has customizable color and errorColor.
  • EditText with custom-made backgroundColor, hint text, max-min line, max length.
  • Error color customized with error enabled or not.

Demo

demo_new

Gradle Dependency

  • Add the JitPack repository to your project's build.gradle file
allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}
  • Add the dependency in your app's build.gradle file
dependencies {
	implementation 'com.github.simformsolutions:SSCustomEditTextOutLineBorder:1.0.8'
}

All Attributes

Attribute Description Default
app:isErrorEnable Whether the EditText error is enabled false
app:custom_component_title Set Outlined border title text R.string.app_name
app:custom_component_editText_hint Set EditText hint R.string.app_name
app:custom_component_maxline Set maximum height of the EditText 1
app:custom_component_minline Set minimum height of the EditText 1
app:custom_component_title_color Set Outlined title color #666666
app:custom_component_title_error_color Set Outlined title error color #f15454
app:custom_component_border_color Set Outlined border color #979797
app:custom_component_border_error_color Set Outlined border error color #f15454
app:custom_component_title_bg_color Set Outlined border title background color R.color.colorPrimary
app:custom_component_editText_bg_color Set EditText background color R.color.colorPrimary
app:custom_component_maxLength Set EditText maxLength 99
android:inputType Set EditText inputType EditorInfo.TYPE_TEXT_VARIATION_NORMAL

Usage

<com.simform.customcomponent.SSCustomEdittextOutlinedBorder
            android:id="@+id/edtAbout"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/_10sdp"
            android:inputType="textMultiLine|textCapSentences"
            app:custom_component_editText_hint="@string/edt_hint_about"
            app:custom_component_maxline="3"
            app:custom_component_minline="3"
            app:custom_component_maxLength="25"
            app:errorTextValue="errorText"
            app:isErrorEnable="false"
            app:custom_component_title_color="@color/color_brownish_grey_two"
            app:custom_component_title_error_color="@color/color_error"
            app:custom_component_border_color="@color/color_warm_grey"
            app:custom_component_border_error_color="@color/color_error"
            app:custom_component_title="@string/edt_title_about"
            app:layout_constraintEnd_toEndOf="@+id/edtPassword"
            app:layout_constraintStart_toStartOf="@+id/edtPassword"
            app:layout_constraintTop_toBottomOf="@+id/edtPassword"
            app:textValue="aboutText"/>

Find this library useful? :heart:

Support it by joining stargazers for this repository.

GitHub