/ TextField

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

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

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