diff --git a/.travis.yml b/.travis.yml
index 64f7b57..a6b4bc6 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,6 +1,8 @@
 language: objective-c
 xcode_project: SkyFloatingLabelTextField/SkyFloatingLabelTextField.xcodeproj
 xcode_scheme: SkyFloatingLabelTextField
+before_install:
+    - gem install bundler
 script:
   - bundle exec rake ci
 matrix:
diff --git a/Package.swift b/Package.swift
index ca8434a..8664366 100644
--- a/Package.swift
+++ b/Package.swift
@@ -17,7 +17,7 @@ let package = Package(
             name: "SkyFloatingLabelTextFieldTests",
             dependencies: ["SkyFloatingLabelTextField"],
             path: "SkyFloatingLabelTextField/SkyFloatingLabelTextFieldTests"
-        ),
+        )
     ],
     swiftLanguageVersions: [.v4_2]
 )
diff --git a/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldExample/Base.lproj/Main.storyboard b/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldExample/Base.lproj/Main.storyboard
index feeba03..89f347f 100644
--- a/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldExample/Base.lproj/Main.storyboard
+++ b/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldExample/Base.lproj/Main.storyboard
@@ -1,13 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="13529" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="hHc-fl-Wyp">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14460.31" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="hHc-fl-Wyp">
     <device id="retina4_7" orientation="portrait">
         <adaptation id="fullscreen"/>
     </device>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="13527"/>
-        <capability name="Constraints to layout margins" minToolsVersion="6.0"/>
-        <capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14460.20"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
@@ -24,10 +22,10 @@
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="SqB-4f-slo" customClass="SkyFloatingLabelTextField" customModule="SkyFloatingLabelTextFieldExample" customModuleProvider="target">
-                                <rect key="frame" x="70" y="84" width="260" height="43"/>
+                                <rect key="frame" x="70" y="84" width="260" height="63"/>
                                 <color key="backgroundColor" red="0.94117647410000005" green="0.94117647410000005" blue="0.94117647410000005" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                 <constraints>
-                                    <constraint firstAttribute="height" constant="43" id="W5Z-BB-0fW"/>
+                                    <constraint firstAttribute="height" constant="63" id="W5Z-BB-0fW"/>
                                 </constraints>
                                 <userDefinedRuntimeAttributes>
                                     <userDefinedRuntimeAttribute type="string" keyPath="placeholder" value="Placeholder"/>
@@ -36,159 +34,262 @@
                                     <userDefinedRuntimeAttribute type="string" keyPath="selectedTitle" value="Selected title"/>
                                 </userDefinedRuntimeAttributes>
                             </view>
-                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Pgz-Tf-Rvl">
-                                <rect key="frame" x="168" y="181" width="65" height="30"/>
-                                <state key="normal" title="Add error"/>
-                                <connections>
-                                    <action selector="addError" destination="BYZ-38-t0r" eventType="touchUpInside" id="7LL-Ly-84e"/>
-                                </connections>
-                            </button>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="dHd-er-tPb">
-                                <rect key="frame" x="125" y="147" width="151" height="30"/>
+                                <rect key="frame" x="124.5" y="167" width="151" height="30"/>
                                 <state key="normal" title="Resign first responder"/>
                                 <connections>
                                     <action selector="resignTextField" destination="BYZ-38-t0r" eventType="touchUpInside" id="j0T-fu-ABP"/>
                                 </connections>
                             </button>
+                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Pgz-Tf-Rvl">
+                                <rect key="frame" x="167.5" y="201" width="65" height="30"/>
+                                <state key="normal" title="Add error"/>
+                                <connections>
+                                    <action selector="addError" destination="BYZ-38-t0r" eventType="touchUpInside" id="7LL-Ly-84e"/>
+                                </connections>
+                            </button>
                             <scrollView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" keyboardDismissMode="onDrag" translatesAutoresizingMaskIntoConstraints="NO" id="SF9-FD-zBm">
-                                <rect key="frame" x="0.0" y="226" width="400" height="774"/>
+                                <rect key="frame" x="0.0" y="241" width="400" height="759"/>
                                 <subviews>
-                                    <segmentedControl opaque="NO" contentMode="scaleToFill" selected="YES" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="1" translatesAutoresizingMaskIntoConstraints="NO" id="H6F-j0-AqL">
-                                        <rect key="frame" x="93.5" y="44" width="213" height="29"/>
-                                        <segments>
-                                            <segment title="None"/>
-                                            <segment title="&quot;Selected title&quot;"/>
-                                        </segments>
-                                        <connections>
-                                            <action selector="selectedTitleChanged:" destination="BYZ-38-t0r" eventType="valueChanged" id="qvS-Fc-aIu"/>
-                                        </connections>
-                                    </segmentedControl>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Selected title" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="I1P-U3-aHP">
-                                        <rect key="frame" x="148" y="15" width="104" height="21"/>
-                                        <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
-                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                                        <nil key="highlightedColor"/>
-                                    </label>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Title" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="v9J-yM-eLO">
-                                        <rect key="frame" x="182" y="136.5" width="35" height="21"/>
-                                        <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
-                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                                        <nil key="highlightedColor"/>
-                                    </label>
-                                    <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="1" translatesAutoresizingMaskIntoConstraints="NO" id="Q90-lp-2pi">
-                                        <rect key="frame" x="102" y="287" width="195" height="29"/>
-                                        <segments>
-                                            <segment title="None"/>
-                                            <segment title="&quot;Placeholder&quot;"/>
-                                        </segments>
-                                        <connections>
-                                            <action selector="placeholderChanged:" destination="BYZ-38-t0r" eventType="valueChanged" id="e30-g4-Z13"/>
-                                        </connections>
-                                    </segmentedControl>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Placeholder" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="moI-xd-AVZ">
-                                        <rect key="frame" x="153" y="258" width="93" height="21"/>
-                                        <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
-                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                                        <nil key="highlightedColor"/>
-                                    </label>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Selected title is visible when the control is editing and input text is at least 1 character long" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="wBj-r2-GJ8">
-                                        <rect key="frame" x="20" y="80" width="359" height="26.5"/>
-                                        <fontDescription key="fontDescription" type="system" pointSize="11"/>
-                                        <color key="textColor" red="0.33333333333333331" green="0.33333333333333331" blue="0.33333333333333331" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                                        <nil key="highlightedColor"/>
-                                    </label>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Title is visible when the control is not editing and input text is at least 1 character long" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="wjk-mj-9y9">
-                                        <rect key="frame" x="20" y="201.5" width="359" height="26.5"/>
-                                        <fontDescription key="fontDescription" type="system" pointSize="11"/>
-                                        <color key="textColor" red="0.33333333333333331" green="0.33333333333333331" blue="0.33333333333333331" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                                        <nil key="highlightedColor"/>
-                                    </label>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="yWR-GY-MZc">
-                                        <rect key="frame" x="20" y="323" width="359" height="39.5"/>
-                                        <string key="text">Placeholder is visible when no input text is present or when input text is at least 1 character long and neither title nor selected title is present</string>
-                                        <fontDescription key="fontDescription" type="system" pointSize="11"/>
-                                        <color key="textColor" red="0.33333333333333331" green="0.33333333333333331" blue="0.33333333333333331" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                                        <nil key="highlightedColor"/>
-                                    </label>
-                                    <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="1" translatesAutoresizingMaskIntoConstraints="NO" id="mZq-8q-kvm">
-                                        <rect key="frame" x="147" y="165.5" width="105" height="29"/>
-                                        <segments>
-                                            <segment title="None"/>
-                                            <segment title="&quot;Title&quot;"/>
-                                        </segments>
-                                        <connections>
-                                            <action selector="titleChanged:" destination="BYZ-38-t0r" eventType="valueChanged" id="5vs-iW-xCl"/>
-                                        </connections>
-                                    </segmentedControl>
-                                    <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="1" translatesAutoresizingMaskIntoConstraints="NO" id="hTF-PN-MR1">
-                                        <rect key="frame" x="133" y="421.5" width="133" height="29"/>
-                                        <segments>
-                                            <segment title="disabled"/>
-                                            <segment title="enabled"/>
-                                        </segments>
-                                        <connections>
-                                            <action selector="enabledChanged:" destination="BYZ-38-t0r" eventType="valueChanged" id="lsr-VN-qnf"/>
-                                        </connections>
-                                    </segmentedControl>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Enabled" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="nf1-0o-yMu">
-                                        <rect key="frame" x="167.5" y="392.5" width="64" height="21"/>
-                                        <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
-                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                                        <nil key="highlightedColor"/>
-                                    </label>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Title, text and line color will be disabled color when isEnabled is false." textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="dQ8-eh-xXY">
-                                        <rect key="frame" x="20" y="458" width="359" height="26.5"/>
-                                        <fontDescription key="fontDescription" type="system" pointSize="11"/>
-                                        <color key="textColor" red="0.33333333329999998" green="0.33333333329999998" blue="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                                        <nil key="highlightedColor"/>
-                                    </label>
+                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="l6J-XN-cy6" userLabel="Scroll Container">
+                                        <rect key="frame" x="0.0" y="0.0" width="400" height="602.5"/>
+                                        <subviews>
+                                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="oDV-8Q-sfe" userLabel="Selected Title View">
+                                                <rect key="frame" x="20" y="0.0" width="360" height="105.5"/>
+                                                <subviews>
+                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Selected title" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="I1P-U3-aHP">
+                                                        <rect key="frame" x="0.0" y="10" width="360" height="21"/>
+                                                        <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
+                                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        <nil key="highlightedColor"/>
+                                                    </label>
+                                                    <segmentedControl opaque="NO" contentMode="scaleToFill" selected="YES" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="1" translatesAutoresizingMaskIntoConstraints="NO" id="H6F-j0-AqL">
+                                                        <rect key="frame" x="73.5" y="41" width="213" height="29"/>
+                                                        <segments>
+                                                            <segment title="None"/>
+                                                            <segment title="&quot;Selected title&quot;"/>
+                                                        </segments>
+                                                        <connections>
+                                                            <action selector="selectedTitleChanged:" destination="BYZ-38-t0r" eventType="valueChanged" id="qvS-Fc-aIu"/>
+                                                        </connections>
+                                                    </segmentedControl>
+                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Selected title is visible when the control is editing and input text is at least 1 character long" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="wBj-r2-GJ8">
+                                                        <rect key="frame" x="0.0" y="79" width="360" height="26.5"/>
+                                                        <fontDescription key="fontDescription" type="system" pointSize="11"/>
+                                                        <color key="textColor" red="0.33333333333333331" green="0.33333333333333331" blue="0.33333333333333331" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        <nil key="highlightedColor"/>
+                                                    </label>
+                                                </subviews>
+                                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                <constraints>
+                                                    <constraint firstAttribute="bottom" secondItem="wBj-r2-GJ8" secondAttribute="bottom" id="1cP-P7-a7O"/>
+                                                    <constraint firstItem="H6F-j0-AqL" firstAttribute="centerX" secondItem="oDV-8Q-sfe" secondAttribute="centerX" id="GD3-4K-3kr"/>
+                                                    <constraint firstAttribute="trailing" secondItem="I1P-U3-aHP" secondAttribute="trailing" id="KUT-hF-Dcq"/>
+                                                    <constraint firstItem="wBj-r2-GJ8" firstAttribute="leading" secondItem="oDV-8Q-sfe" secondAttribute="leading" id="VKR-fR-Aw7"/>
+                                                    <constraint firstItem="I1P-U3-aHP" firstAttribute="top" secondItem="oDV-8Q-sfe" secondAttribute="top" constant="10" id="bz7-n7-RG3"/>
+                                                    <constraint firstItem="wBj-r2-GJ8" firstAttribute="top" secondItem="H6F-j0-AqL" secondAttribute="bottom" constant="10" id="pWp-Fm-m8S"/>
+                                                    <constraint firstAttribute="trailing" secondItem="wBj-r2-GJ8" secondAttribute="trailing" id="rUo-V4-Mpq"/>
+                                                    <constraint firstItem="I1P-U3-aHP" firstAttribute="leading" secondItem="oDV-8Q-sfe" secondAttribute="leading" id="scO-Qk-hPc"/>
+                                                    <constraint firstItem="H6F-j0-AqL" firstAttribute="top" secondItem="I1P-U3-aHP" secondAttribute="bottom" constant="10" id="zf1-km-O63"/>
+                                                </constraints>
+                                            </view>
+                                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="XwO-rG-YLR" userLabel="Title View">
+                                                <rect key="frame" x="20" y="125.5" width="360" height="95.5"/>
+                                                <subviews>
+                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Title" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="v9J-yM-eLO">
+                                                        <rect key="frame" x="0.0" y="0.0" width="360" height="21"/>
+                                                        <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
+                                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        <nil key="highlightedColor"/>
+                                                    </label>
+                                                    <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="1" translatesAutoresizingMaskIntoConstraints="NO" id="mZq-8q-kvm">
+                                                        <rect key="frame" x="127.5" y="31" width="105" height="29"/>
+                                                        <segments>
+                                                            <segment title="None"/>
+                                                            <segment title="&quot;Title&quot;"/>
+                                                        </segments>
+                                                        <connections>
+                                                            <action selector="titleChanged:" destination="BYZ-38-t0r" eventType="valueChanged" id="5vs-iW-xCl"/>
+                                                        </connections>
+                                                    </segmentedControl>
+                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Title is visible when the control is not editing and input text is at least 1 character long" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="wjk-mj-9y9">
+                                                        <rect key="frame" x="0.0" y="69" width="360" height="26.5"/>
+                                                        <fontDescription key="fontDescription" type="system" pointSize="11"/>
+                                                        <color key="textColor" red="0.33333333333333331" green="0.33333333333333331" blue="0.33333333333333331" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        <nil key="highlightedColor"/>
+                                                    </label>
+                                                </subviews>
+                                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                <constraints>
+                                                    <constraint firstItem="mZq-8q-kvm" firstAttribute="centerX" secondItem="XwO-rG-YLR" secondAttribute="centerX" id="6iB-QV-0bL"/>
+                                                    <constraint firstItem="wjk-mj-9y9" firstAttribute="leading" secondItem="XwO-rG-YLR" secondAttribute="leading" id="NzH-18-nun"/>
+                                                    <constraint firstItem="v9J-yM-eLO" firstAttribute="top" secondItem="XwO-rG-YLR" secondAttribute="top" id="Ofd-XC-nWs"/>
+                                                    <constraint firstItem="wjk-mj-9y9" firstAttribute="top" secondItem="mZq-8q-kvm" secondAttribute="bottom" constant="10" id="Ri2-On-FMF"/>
+                                                    <constraint firstAttribute="trailing" secondItem="wjk-mj-9y9" secondAttribute="trailing" id="YWB-IY-tga"/>
+                                                    <constraint firstItem="mZq-8q-kvm" firstAttribute="top" secondItem="v9J-yM-eLO" secondAttribute="bottom" constant="10" id="fHt-oh-9jI"/>
+                                                    <constraint firstAttribute="trailing" secondItem="v9J-yM-eLO" secondAttribute="trailing" id="oA2-tL-zIL"/>
+                                                    <constraint firstAttribute="bottom" secondItem="wjk-mj-9y9" secondAttribute="bottom" id="wzC-DB-gfd"/>
+                                                    <constraint firstItem="v9J-yM-eLO" firstAttribute="leading" secondItem="XwO-rG-YLR" secondAttribute="leading" id="x2b-0Y-Rnl"/>
+                                                </constraints>
+                                            </view>
+                                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="eDA-mX-SJf" userLabel="Placeholder View">
+                                                <rect key="frame" x="20" y="241" width="360" height="113.5"/>
+                                                <subviews>
+                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Placeholder" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="moI-xd-AVZ">
+                                                        <rect key="frame" x="0.0" y="5" width="360" height="21"/>
+                                                        <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
+                                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        <nil key="highlightedColor"/>
+                                                    </label>
+                                                    <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="1" translatesAutoresizingMaskIntoConstraints="NO" id="Q90-lp-2pi">
+                                                        <rect key="frame" x="82.5" y="36" width="195" height="29"/>
+                                                        <segments>
+                                                            <segment title="None"/>
+                                                            <segment title="&quot;Placeholder&quot;"/>
+                                                        </segments>
+                                                        <connections>
+                                                            <action selector="placeholderChanged:" destination="BYZ-38-t0r" eventType="valueChanged" id="e30-g4-Z13"/>
+                                                        </connections>
+                                                    </segmentedControl>
+                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="yWR-GY-MZc">
+                                                        <rect key="frame" x="0.0" y="74" width="360" height="39.5"/>
+                                                        <string key="text">Placeholder is visible when no input text is present or when input text is at least 1 character long and neither title nor selected title is present</string>
+                                                        <fontDescription key="fontDescription" type="system" pointSize="11"/>
+                                                        <color key="textColor" red="0.33333333333333331" green="0.33333333333333331" blue="0.33333333333333331" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        <nil key="highlightedColor"/>
+                                                    </label>
+                                                </subviews>
+                                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                <constraints>
+                                                    <constraint firstItem="yWR-GY-MZc" firstAttribute="top" secondItem="Q90-lp-2pi" secondAttribute="bottom" constant="10" id="1UG-dX-fNB"/>
+                                                    <constraint firstAttribute="bottom" secondItem="yWR-GY-MZc" secondAttribute="bottom" id="1Y7-MY-Klz"/>
+                                                    <constraint firstAttribute="trailing" secondItem="moI-xd-AVZ" secondAttribute="trailing" id="2Wn-cL-VSQ"/>
+                                                    <constraint firstItem="Q90-lp-2pi" firstAttribute="top" secondItem="moI-xd-AVZ" secondAttribute="bottom" constant="10" id="PHe-Wr-2ce"/>
+                                                    <constraint firstItem="Q90-lp-2pi" firstAttribute="centerX" secondItem="eDA-mX-SJf" secondAttribute="centerX" id="PQD-bo-RBd"/>
+                                                    <constraint firstItem="yWR-GY-MZc" firstAttribute="leading" secondItem="eDA-mX-SJf" secondAttribute="leading" id="Ysx-RK-f96"/>
+                                                    <constraint firstItem="moI-xd-AVZ" firstAttribute="top" secondItem="eDA-mX-SJf" secondAttribute="top" constant="5" id="aRr-m5-Bri"/>
+                                                    <constraint firstItem="moI-xd-AVZ" firstAttribute="leading" secondItem="eDA-mX-SJf" secondAttribute="leading" id="gDA-7h-1dV"/>
+                                                    <constraint firstAttribute="trailing" secondItem="yWR-GY-MZc" secondAttribute="trailing" id="yUh-4y-yq5"/>
+                                                </constraints>
+                                            </view>
+                                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Hww-Fm-2Ei" userLabel="Enabled View">
+                                                <rect key="frame" x="20" y="374.5" width="360" height="100.5"/>
+                                                <subviews>
+                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Enabled" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="nf1-0o-yMu">
+                                                        <rect key="frame" x="0.0" y="5" width="360" height="21"/>
+                                                        <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
+                                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        <nil key="highlightedColor"/>
+                                                    </label>
+                                                    <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="1" translatesAutoresizingMaskIntoConstraints="NO" id="hTF-PN-MR1">
+                                                        <rect key="frame" x="113.5" y="36" width="133" height="29"/>
+                                                        <segments>
+                                                            <segment title="disabled"/>
+                                                            <segment title="enabled"/>
+                                                        </segments>
+                                                        <connections>
+                                                            <action selector="enabledChanged:" destination="BYZ-38-t0r" eventType="valueChanged" id="lsr-VN-qnf"/>
+                                                        </connections>
+                                                    </segmentedControl>
+                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Title, text and line color will be disabled color when isEnabled is false." textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="dQ8-eh-xXY">
+                                                        <rect key="frame" x="0.0" y="74" width="360" height="26.5"/>
+                                                        <fontDescription key="fontDescription" type="system" pointSize="11"/>
+                                                        <color key="textColor" red="0.33333333329999998" green="0.33333333329999998" blue="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        <nil key="highlightedColor"/>
+                                                    </label>
+                                                </subviews>
+                                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                <constraints>
+                                                    <constraint firstItem="nf1-0o-yMu" firstAttribute="top" secondItem="Hww-Fm-2Ei" secondAttribute="top" constant="5" id="Gx4-41-0q2"/>
+                                                    <constraint firstItem="nf1-0o-yMu" firstAttribute="leading" secondItem="Hww-Fm-2Ei" secondAttribute="leading" id="MAh-K9-BKG"/>
+                                                    <constraint firstItem="hTF-PN-MR1" firstAttribute="centerX" secondItem="Hww-Fm-2Ei" secondAttribute="centerX" id="NUg-Ec-dlR"/>
+                                                    <constraint firstAttribute="trailing" secondItem="dQ8-eh-xXY" secondAttribute="trailing" id="Pli-fo-rau"/>
+                                                    <constraint firstItem="hTF-PN-MR1" firstAttribute="top" secondItem="nf1-0o-yMu" secondAttribute="bottom" constant="10" id="RkS-oS-Y6j"/>
+                                                    <constraint firstItem="dQ8-eh-xXY" firstAttribute="leading" secondItem="Hww-Fm-2Ei" secondAttribute="leading" id="XgQ-3K-CKm"/>
+                                                    <constraint firstItem="dQ8-eh-xXY" firstAttribute="top" secondItem="hTF-PN-MR1" secondAttribute="bottom" constant="10" id="fcV-jn-BKL"/>
+                                                    <constraint firstAttribute="bottom" secondItem="dQ8-eh-xXY" secondAttribute="bottom" id="lbR-fj-k2z"/>
+                                                    <constraint firstAttribute="trailing" secondItem="nf1-0o-yMu" secondAttribute="trailing" id="mGW-wZ-vmJ"/>
+                                                </constraints>
+                                            </view>
+                                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="UOW-tc-7XA" userLabel="Error Placement View">
+                                                <rect key="frame" x="20" y="495" width="360" height="87.5"/>
+                                                <subviews>
+                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Error Placement" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Hxu-PQ-x8n">
+                                                        <rect key="frame" x="0.0" y="5" width="360" height="21"/>
+                                                        <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
+                                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        <nil key="highlightedColor"/>
+                                                    </label>
+                                                    <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="1" translatesAutoresizingMaskIntoConstraints="NO" id="DTB-0G-rMS">
+                                                        <rect key="frame" x="120.5" y="36" width="119" height="29"/>
+                                                        <segments>
+                                                            <segment title="Bottom"/>
+                                                            <segment title="Top"/>
+                                                        </segments>
+                                                        <connections>
+                                                            <action selector="errorPlacementChanged:" destination="BYZ-38-t0r" eventType="valueChanged" id="bh9-gd-0Oc"/>
+                                                        </connections>
+                                                    </segmentedControl>
+                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Error placement will be on top or bottom of textfield" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="KTD-IH-D5R">
+                                                        <rect key="frame" x="0.0" y="74" width="360" height="13.5"/>
+                                                        <fontDescription key="fontDescription" type="system" pointSize="11"/>
+                                                        <color key="textColor" red="0.33333333329999998" green="0.33333333329999998" blue="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        <nil key="highlightedColor"/>
+                                                    </label>
+                                                </subviews>
+                                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                <constraints>
+                                                    <constraint firstAttribute="trailing" secondItem="Hxu-PQ-x8n" secondAttribute="trailing" id="B8g-hu-oq3"/>
+                                                    <constraint firstAttribute="bottom" secondItem="KTD-IH-D5R" secondAttribute="bottom" id="Fd5-9G-VCa"/>
+                                                    <constraint firstItem="KTD-IH-D5R" firstAttribute="leading" secondItem="UOW-tc-7XA" secondAttribute="leading" id="GPJ-Tc-8W0"/>
+                                                    <constraint firstItem="KTD-IH-D5R" firstAttribute="top" secondItem="DTB-0G-rMS" secondAttribute="bottom" constant="10" id="JTG-NG-fBX"/>
+                                                    <constraint firstItem="DTB-0G-rMS" firstAttribute="centerX" secondItem="UOW-tc-7XA" secondAttribute="centerX" id="bAi-gj-Ff8"/>
+                                                    <constraint firstItem="Hxu-PQ-x8n" firstAttribute="leading" secondItem="UOW-tc-7XA" secondAttribute="leading" id="bbz-M3-iHk"/>
+                                                    <constraint firstAttribute="trailing" secondItem="KTD-IH-D5R" secondAttribute="trailing" id="fV0-5k-Eqd"/>
+                                                    <constraint firstItem="Hxu-PQ-x8n" firstAttribute="top" secondItem="UOW-tc-7XA" secondAttribute="top" constant="5" id="miA-4H-bG3"/>
+                                                    <constraint firstItem="DTB-0G-rMS" firstAttribute="top" secondItem="Hxu-PQ-x8n" secondAttribute="bottom" constant="10" id="xKT-03-WK5"/>
+                                                </constraints>
+                                            </view>
+                                        </subviews>
+                                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                        <constraints>
+                                            <constraint firstAttribute="bottom" secondItem="UOW-tc-7XA" secondAttribute="bottom" constant="20" id="0ac-oW-Tu9"/>
+                                            <constraint firstItem="Hww-Fm-2Ei" firstAttribute="top" secondItem="eDA-mX-SJf" secondAttribute="bottom" constant="20" id="0vh-7k-Oa7"/>
+                                            <constraint firstItem="eDA-mX-SJf" firstAttribute="top" secondItem="XwO-rG-YLR" secondAttribute="bottom" constant="20" id="2SJ-kE-K3p"/>
+                                            <constraint firstItem="UOW-tc-7XA" firstAttribute="leading" secondItem="oDV-8Q-sfe" secondAttribute="leading" id="B2q-8b-0zi"/>
+                                            <constraint firstItem="oDV-8Q-sfe" firstAttribute="top" secondItem="l6J-XN-cy6" secondAttribute="top" id="G31-Iv-vKS"/>
+                                            <constraint firstItem="XwO-rG-YLR" firstAttribute="top" secondItem="oDV-8Q-sfe" secondAttribute="bottom" constant="20" id="H3T-Rp-afv"/>
+                                            <constraint firstItem="XwO-rG-YLR" firstAttribute="trailing" secondItem="oDV-8Q-sfe" secondAttribute="trailing" id="HyO-1E-RU5"/>
+                                            <constraint firstItem="XwO-rG-YLR" firstAttribute="leading" secondItem="oDV-8Q-sfe" secondAttribute="leading" id="I8l-xT-iR0"/>
+                                            <constraint firstItem="UOW-tc-7XA" firstAttribute="trailing" secondItem="oDV-8Q-sfe" secondAttribute="trailing" id="ICJ-yn-IVu"/>
+                                            <constraint firstItem="eDA-mX-SJf" firstAttribute="trailing" secondItem="oDV-8Q-sfe" secondAttribute="trailing" id="LeF-Ha-uIK"/>
+                                            <constraint firstItem="UOW-tc-7XA" firstAttribute="top" secondItem="Hww-Fm-2Ei" secondAttribute="bottom" constant="20" id="RZ1-T4-1Tc"/>
+                                            <constraint firstItem="eDA-mX-SJf" firstAttribute="leading" secondItem="oDV-8Q-sfe" secondAttribute="leading" id="br1-9t-B1L"/>
+                                            <constraint firstAttribute="trailing" secondItem="oDV-8Q-sfe" secondAttribute="trailing" constant="20" id="e5A-48-H1U"/>
+                                            <constraint firstItem="Hww-Fm-2Ei" firstAttribute="leading" secondItem="oDV-8Q-sfe" secondAttribute="leading" id="i63-6f-ITS"/>
+                                            <constraint firstItem="oDV-8Q-sfe" firstAttribute="leading" secondItem="l6J-XN-cy6" secondAttribute="leading" constant="20" id="pKc-pK-jEw"/>
+                                            <constraint firstItem="Hww-Fm-2Ei" firstAttribute="trailing" secondItem="oDV-8Q-sfe" secondAttribute="trailing" id="psb-Jf-kWG"/>
+                                        </constraints>
+                                    </view>
                                 </subviews>
                                 <color key="backgroundColor" cocoaTouchSystemColor="groupTableViewBackgroundColor"/>
                                 <constraints>
-                                    <constraint firstItem="wjk-mj-9y9" firstAttribute="centerX" secondItem="mZq-8q-kvm" secondAttribute="centerX" id="56c-zc-Nlp"/>
-                                    <constraint firstItem="mZq-8q-kvm" firstAttribute="centerX" secondItem="v9J-yM-eLO" secondAttribute="centerX" id="6fz-5a-wbV"/>
-                                    <constraint firstItem="v9J-yM-eLO" firstAttribute="centerX" secondItem="wBj-r2-GJ8" secondAttribute="centerX" id="7ox-gD-JcT"/>
-                                    <constraint firstItem="wBj-r2-GJ8" firstAttribute="top" secondItem="H6F-j0-AqL" secondAttribute="bottom" constant="8" id="Azt-gE-byy"/>
-                                    <constraint firstItem="wjk-mj-9y9" firstAttribute="leading" secondItem="SF9-FD-zBm" secondAttribute="leading" constant="20" id="CAx-uS-QWX"/>
-                                    <constraint firstItem="nf1-0o-yMu" firstAttribute="top" secondItem="yWR-GY-MZc" secondAttribute="bottom" constant="30" id="CVX-QA-dhc"/>
-                                    <constraint firstAttribute="trailing" secondItem="wBj-r2-GJ8" secondAttribute="trailing" constant="20" id="HVj-sP-oCs"/>
-                                    <constraint firstItem="Q90-lp-2pi" firstAttribute="top" secondItem="moI-xd-AVZ" secondAttribute="bottom" constant="8" id="IUo-S8-NGq"/>
-                                    <constraint firstItem="dQ8-eh-xXY" firstAttribute="centerX" secondItem="hTF-PN-MR1" secondAttribute="centerX" id="MGq-6J-zeq"/>
-                                    <constraint firstAttribute="trailing" secondItem="yWR-GY-MZc" secondAttribute="trailing" constant="20" id="MkC-0U-Fqm"/>
-                                    <constraint firstItem="wBj-r2-GJ8" firstAttribute="centerX" secondItem="H6F-j0-AqL" secondAttribute="centerX" id="N3K-KI-me7"/>
-                                    <constraint firstItem="mZq-8q-kvm" firstAttribute="top" secondItem="v9J-yM-eLO" secondAttribute="bottom" constant="8" id="Nev-o1-J3x"/>
-                                    <constraint firstItem="dQ8-eh-xXY" firstAttribute="leading" secondItem="SF9-FD-zBm" secondAttribute="leading" constant="20" id="Pu0-Hf-AaG"/>
-                                    <constraint firstItem="wBj-r2-GJ8" firstAttribute="leading" secondItem="SF9-FD-zBm" secondAttribute="leading" constant="20" id="SFY-Ck-Gb5"/>
-                                    <constraint firstItem="I1P-U3-aHP" firstAttribute="centerX" secondItem="SF9-FD-zBm" secondAttribute="centerX" id="SxR-HF-VH0"/>
-                                    <constraint firstItem="H6F-j0-AqL" firstAttribute="top" secondItem="I1P-U3-aHP" secondAttribute="bottom" constant="8" id="Xdl-cd-Lh1"/>
-                                    <constraint firstAttribute="bottom" secondItem="dQ8-eh-xXY" secondAttribute="bottom" priority="999" constant="20" id="a6z-GE-DAO"/>
-                                    <constraint firstAttribute="trailing" secondItem="dQ8-eh-xXY" secondAttribute="trailing" constant="20" id="eWS-pd-TPn"/>
-                                    <constraint firstItem="yWR-GY-MZc" firstAttribute="top" secondItem="Q90-lp-2pi" secondAttribute="bottom" constant="8" id="fsq-cE-1Dq"/>
-                                    <constraint firstItem="v9J-yM-eLO" firstAttribute="top" secondItem="wBj-r2-GJ8" secondAttribute="bottom" constant="30" id="hcR-DA-NYu"/>
-                                    <constraint firstItem="dQ8-eh-xXY" firstAttribute="top" secondItem="hTF-PN-MR1" secondAttribute="bottom" constant="8" id="iXk-8J-LAB"/>
-                                    <constraint firstItem="hTF-PN-MR1" firstAttribute="top" secondItem="nf1-0o-yMu" secondAttribute="bottom" constant="8" id="k7g-UF-mXu"/>
-                                    <constraint firstItem="Q90-lp-2pi" firstAttribute="centerX" secondItem="moI-xd-AVZ" secondAttribute="centerX" id="kBp-rW-Yjy"/>
-                                    <constraint firstItem="yWR-GY-MZc" firstAttribute="centerX" secondItem="Q90-lp-2pi" secondAttribute="centerX" id="kwk-r5-dWO"/>
-                                    <constraint firstItem="I1P-U3-aHP" firstAttribute="top" secondItem="SF9-FD-zBm" secondAttribute="top" constant="15" id="miR-Uy-o5x"/>
-                                    <constraint firstItem="H6F-j0-AqL" firstAttribute="centerX" secondItem="I1P-U3-aHP" secondAttribute="centerX" id="ntG-iQ-ZhN"/>
-                                    <constraint firstItem="yWR-GY-MZc" firstAttribute="leading" secondItem="SF9-FD-zBm" secondAttribute="leading" constant="20" id="oLD-2o-pto"/>
-                                    <constraint firstItem="moI-xd-AVZ" firstAttribute="centerX" secondItem="wjk-mj-9y9" secondAttribute="centerX" id="pdT-XA-nw9"/>
-                                    <constraint firstItem="nf1-0o-yMu" firstAttribute="centerX" secondItem="yWR-GY-MZc" secondAttribute="centerX" id="qTI-J8-ume"/>
-                                    <constraint firstItem="wjk-mj-9y9" firstAttribute="top" secondItem="mZq-8q-kvm" secondAttribute="bottom" constant="8" id="rd6-eg-gAE"/>
-                                    <constraint firstItem="moI-xd-AVZ" firstAttribute="top" secondItem="wjk-mj-9y9" secondAttribute="bottom" constant="30" id="sQZ-fW-8L3"/>
-                                    <constraint firstItem="hTF-PN-MR1" firstAttribute="centerX" secondItem="nf1-0o-yMu" secondAttribute="centerX" id="wro-h1-km4"/>
-                                    <constraint firstAttribute="trailing" secondItem="wjk-mj-9y9" secondAttribute="trailing" constant="20" id="xQG-sv-u6i"/>
+                                    <constraint firstAttribute="bottom" secondItem="l6J-XN-cy6" secondAttribute="bottom" id="Lb0-MF-sNF"/>
+                                    <constraint firstAttribute="trailing" secondItem="l6J-XN-cy6" secondAttribute="trailing" id="M7c-j7-cOU"/>
+                                    <constraint firstItem="l6J-XN-cy6" firstAttribute="top" secondItem="SF9-FD-zBm" secondAttribute="top" id="WL2-yD-h4v"/>
+                                    <constraint firstItem="l6J-XN-cy6" firstAttribute="leading" secondItem="SF9-FD-zBm" secondAttribute="leading" id="aH3-Sj-vgf"/>
+                                    <constraint firstItem="l6J-XN-cy6" firstAttribute="width" secondItem="SF9-FD-zBm" secondAttribute="width" id="aaa-ve-fIB"/>
                                 </constraints>
                             </scrollView>
                         </subviews>
                         <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
                             <constraint firstItem="SqB-4f-slo" firstAttribute="top" secondItem="y3c-jy-aDJ" secondAttribute="bottom" constant="20" id="23x-LK-CW3"/>
-                            <constraint firstItem="SF9-FD-zBm" firstAttribute="top" secondItem="y3c-jy-aDJ" secondAttribute="bottom" constant="162" id="N6G-iF-sUT"/>
                             <constraint firstItem="Pgz-Tf-Rvl" firstAttribute="top" secondItem="dHd-er-tPb" secondAttribute="bottom" constant="4" id="SzU-ab-zFq"/>
                             <constraint firstItem="dHd-er-tPb" firstAttribute="centerX" secondItem="8bC-Xf-vdC" secondAttribute="centerX" id="UEm-j8-JsS"/>
                             <constraint firstItem="Pgz-Tf-Rvl" firstAttribute="centerX" secondItem="8bC-Xf-vdC" secondAttribute="centerX" id="UoZ-bb-8b6"/>
                             <constraint firstItem="wfy-db-euE" firstAttribute="top" secondItem="SF9-FD-zBm" secondAttribute="bottom" id="XqO-DB-IkL"/>
+                            <constraint firstItem="SF9-FD-zBm" firstAttribute="top" secondItem="Pgz-Tf-Rvl" secondAttribute="bottom" constant="10" id="YY2-df-3xK"/>
                             <constraint firstItem="SqB-4f-slo" firstAttribute="leading" secondItem="8bC-Xf-vdC" secondAttribute="leadingMargin" constant="50" id="q6s-O5-wiY"/>
                             <constraint firstItem="dHd-er-tPb" firstAttribute="top" secondItem="SqB-4f-slo" secondAttribute="bottom" constant="20" id="qh0-1F-CAA"/>
                             <constraint firstAttribute="trailing" secondItem="SF9-FD-zBm" secondAttribute="trailing" id="vfg-U0-Yqd"/>
@@ -233,14 +334,14 @@
                                 </userDefinedRuntimeAttributes>
                             </view>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="8Re-re-tpi">
-                                <rect key="frame" x="78" y="181" width="65" height="30"/>
+                                <rect key="frame" x="77.5" y="181" width="65" height="30"/>
                                 <state key="normal" title="Add error"/>
                                 <connections>
                                     <action selector="addError" destination="G0q-zq-dep" eventType="touchUpInside" id="Xb2-bO-Zl8"/>
                                 </connections>
                             </button>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="LrB-X8-Rt8">
-                                <rect key="frame" x="125" y="147" width="151" height="30"/>
+                                <rect key="frame" x="124.5" y="147" width="151" height="30"/>
                                 <state key="normal" title="Resign first responder"/>
                                 <connections>
                                     <action selector="resignTextField" destination="G0q-zq-dep" eventType="touchUpInside" id="JsG-XQ-NTn"/>
@@ -248,10 +349,10 @@
                                 </connections>
                             </button>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="alE-Hq-VDg">
-                                <rect key="frame" x="20" y="219" width="180" height="323"/>
+                                <rect key="frame" x="20" y="219" width="180" height="321.5"/>
                                 <subviews>
                                     <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" translatesAutoresizingMaskIntoConstraints="NO" id="OhG-wy-aBa">
-                                        <rect key="frame" x="23" y="57" width="135" height="29"/>
+                                        <rect key="frame" x="22.5" y="57" width="135" height="29"/>
                                         <segments>
                                             <segment title="⚪️"/>
                                             <segment title="🔴"/>
@@ -263,13 +364,13 @@
                                         </connections>
                                     </segmentedControl>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Selected title color" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Tqd-y8-1jW">
-                                        <rect key="frame" x="16" y="28" width="147" height="21"/>
+                                        <rect key="frame" x="16.5" y="28" width="147" height="21"/>
                                         <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
                                         <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" translatesAutoresizingMaskIntoConstraints="NO" id="6Ya-gn-vtf">
-                                        <rect key="frame" x="23" y="137" width="135" height="29"/>
+                                        <rect key="frame" x="22.5" y="136.5" width="135" height="29"/>
                                         <segments>
                                             <segment title="⚪️"/>
                                             <segment title="🔴"/>
@@ -281,13 +382,13 @@
                                         </connections>
                                     </segmentedControl>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Placeholder color" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="eRP-1f-9dO">
-                                        <rect key="frame" x="21" y="108" width="137" height="21"/>
+                                        <rect key="frame" x="21.5" y="107.5" width="137" height="21"/>
                                         <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
                                         <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" translatesAutoresizingMaskIntoConstraints="NO" id="bD7-hR-7wM">
-                                        <rect key="frame" x="22" y="216" width="135" height="29"/>
+                                        <rect key="frame" x="22.5" y="215" width="135" height="29"/>
                                         <segments>
                                             <segment title="⚪️"/>
                                             <segment title="🔴"/>
@@ -299,19 +400,19 @@
                                         </connections>
                                     </segmentedControl>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Text color" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="q1u-4f-EEP">
-                                        <rect key="frame" x="51.5" y="186" width="77" height="21"/>
+                                        <rect key="frame" x="51.5" y="185" width="77" height="21"/>
                                         <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
                                         <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Error color" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="q7U-ur-hzY">
-                                        <rect key="frame" x="48" y="261" width="83" height="21"/>
+                                        <rect key="frame" x="48.5" y="259.5" width="83" height="21"/>
                                         <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
                                         <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" translatesAutoresizingMaskIntoConstraints="NO" id="xDl-bN-AMF">
-                                        <rect key="frame" x="23" y="290" width="135" height="29"/>
+                                        <rect key="frame" x="22.5" y="288.5" width="135" height="29"/>
                                         <segments>
                                             <segment title="⚪️"/>
                                             <segment title="🔴"/>
@@ -345,10 +446,10 @@
                                 </constraints>
                             </view>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="VgJ-VD-7rc">
-                                <rect key="frame" x="200" y="219" width="180" height="323"/>
+                                <rect key="frame" x="200" y="219" width="180" height="321.5"/>
                                 <subviews>
                                     <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="bordered" translatesAutoresizingMaskIntoConstraints="NO" id="sId-82-UKI">
-                                        <rect key="frame" x="23" y="57" width="135" height="29"/>
+                                        <rect key="frame" x="22.5" y="57" width="135" height="29"/>
                                         <segments>
                                             <segment title="⚪️"/>
                                             <segment title="🔴"/>
@@ -360,13 +461,13 @@
                                         </connections>
                                     </segmentedControl>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Title color" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="VVQ-Em-Z8I">
-                                        <rect key="frame" x="51.5" y="28" width="78" height="21"/>
+                                        <rect key="frame" x="51" y="28" width="78" height="21"/>
                                         <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
                                         <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" translatesAutoresizingMaskIntoConstraints="NO" id="iAR-Dy-4tD">
-                                        <rect key="frame" x="23" y="137" width="135" height="29"/>
+                                        <rect key="frame" x="22.5" y="136.5" width="135" height="29"/>
                                         <segments>
                                             <segment title="⚪️"/>
                                             <segment title="🔴"/>
@@ -378,13 +479,13 @@
                                         </connections>
                                     </segmentedControl>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Tint color" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="QUd-Se-DoE">
-                                        <rect key="frame" x="53" y="108" width="75" height="21"/>
+                                        <rect key="frame" x="52.5" y="107.5" width="75" height="21"/>
                                         <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
                                         <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" translatesAutoresizingMaskIntoConstraints="NO" id="aU8-tN-vcw">
-                                        <rect key="frame" x="22" y="216" width="135" height="29"/>
+                                        <rect key="frame" x="22.5" y="215" width="135" height="29"/>
                                         <segments>
                                             <segment title="⚪️"/>
                                             <segment title="🔴"/>
@@ -396,19 +497,19 @@
                                         </connections>
                                     </segmentedControl>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Disabled color" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="3TY-KI-uu5">
-                                        <rect key="frame" x="33.5" y="186" width="113" height="21"/>
+                                        <rect key="frame" x="33.5" y="185" width="113" height="21"/>
                                         <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
                                         <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="None" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Q1Y-Jd-kwO">
-                                        <rect key="frame" x="69" y="261" width="42" height="21"/>
+                                        <rect key="frame" x="69" y="259.5" width="42" height="21"/>
                                         <fontDescription key="fontDescription" type="system" weight="medium" pointSize="17"/>
                                         <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" translatesAutoresizingMaskIntoConstraints="NO" id="AcC-l7-4xT">
-                                        <rect key="frame" x="23" y="290" width="135" height="29"/>
+                                        <rect key="frame" x="22.5" y="288.5" width="135" height="29"/>
                                         <segments>
                                             <segment title="⚪️"/>
                                             <segment title="🔴"/>
@@ -439,7 +540,7 @@
                                 </constraints>
                             </view>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="f5t-DK-nin">
-                                <rect key="frame" x="233" y="181" width="115" height="30"/>
+                                <rect key="frame" x="232.5" y="181" width="115" height="30"/>
                                 <state key="normal" title="Disable text field"/>
                                 <connections>
                                     <action selector="toggleEnable:" destination="G0q-zq-dep" eventType="touchUpInside" id="CTN-h9-L2t"/>
@@ -502,15 +603,15 @@
                         <rect key="frame" x="0.0" y="0.0" width="400" height="600"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Osc-Na-BFz" customClass="ThemedTextField" customModule="SkyFloatingLabelTextFieldExample" customModuleProvider="target">
+                            <view contentMode="scaleToFill" ambiguous="YES" translatesAutoresizingMaskIntoConstraints="NO" id="Osc-Na-BFz" customClass="ThemedTextField" customModule="SkyFloatingLabelTextFieldExample" customModuleProvider="target">
                                 <rect key="frame" x="70" y="84" width="260" height="44"/>
                                 <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
                                 <userDefinedRuntimeAttributes>
                                     <userDefinedRuntimeAttribute type="string" keyPath="placeholder" value="Placeholder"/>
                                 </userDefinedRuntimeAttributes>
                             </view>
-                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="nJD-aY-w9P">
-                                <rect key="frame" x="168" y="202" width="65" height="30"/>
+                            <button opaque="NO" contentMode="scaleToFill" ambiguous="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="nJD-aY-w9P">
+                                <rect key="frame" x="167.5" y="202" width="65" height="30"/>
                                 <state key="normal" title="Add error"/>
                                 <connections>
                                     <action selector="addError" destination="ieH-5F-man" eventType="touchUpInside" id="V8o-Ai-S8E"/>
@@ -518,8 +619,8 @@
                                     <action selector="addError" destination="BYZ-38-t0r" eventType="touchUpInside" id="lCq-qW-5Xe"/>
                                 </connections>
                             </button>
-                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="JW4-8k-7cH">
-                                <rect key="frame" x="125" y="168" width="151" height="30"/>
+                            <button opaque="NO" contentMode="scaleToFill" ambiguous="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="JW4-8k-7cH">
+                                <rect key="frame" x="124.5" y="168" width="151" height="30"/>
                                 <state key="normal" title="Resign first responder"/>
                                 <connections>
                                     <action selector="resignTextField" destination="G0q-zq-dep" eventType="touchUpInside" id="0vQ-13-HhG"/>
@@ -654,7 +755,7 @@
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="5HI-11-MA2">
-                                <rect key="frame" x="168" y="191" width="65" height="30"/>
+                                <rect key="frame" x="167.5" y="169" width="65" height="30"/>
                                 <state key="normal" title="Add error"/>
                                 <connections>
                                     <action selector="addError" destination="BYZ-38-t0r" eventType="touchUpInside" id="9pH-Q8-RWx"/>
@@ -662,7 +763,7 @@
                                 </connections>
                             </button>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="wkx-Ta-RMG">
-                                <rect key="frame" x="125" y="157" width="151" height="30"/>
+                                <rect key="frame" x="124.5" y="135" width="151" height="30"/>
                                 <state key="normal" title="Resign first responder"/>
                                 <connections>
                                     <action selector="resignTextField" destination="gAs-mn-2iH" eventType="touchUpInside" id="AIP-9z-fsb"/>
@@ -670,14 +771,14 @@
                                 </connections>
                             </button>
                             <textView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" editable="NO" textAlignment="natural" translatesAutoresizingMaskIntoConstraints="NO" id="RbV-ew-j6J">
-                                <rect key="frame" x="20" y="245" width="360" height="325"/>
+                                <rect key="frame" x="20" y="223" width="360" height="347"/>
                                 <color key="backgroundColor" red="0.94117647409439087" green="0.94117647409439087" blue="0.94117647409439087" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                 <color key="textColor" red="0.52941179275512695" green="0.54117649793624878" blue="0.58431375026702881" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="10"/>
                                 <textInputTraits key="textInputTraits" autocapitalizationType="sentences"/>
                             </textView>
                             <textField opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="1BP-H7-VvG" customClass="SkyFloatingLabelTextField" customModule="SkyFloatingLabelTextFieldExample" customModuleProvider="target">
-                                <rect key="frame" x="120" y="96" width="160" height="39"/>
+                                <rect key="frame" x="120" y="96" width="160" height="17"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="14"/>
                                 <textInputTraits key="textInputTraits"/>
                             </textField>
@@ -721,7 +822,7 @@
                         <rect key="frame" x="0.0" y="0.0" width="400" height="600"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="teF-Dw-L0V" customClass="IconTextField" customModule="SkyFloatingLabelTextFieldExample" customModuleProvider="target">
+                            <view contentMode="scaleToFill" ambiguous="YES" translatesAutoresizingMaskIntoConstraints="NO" id="teF-Dw-L0V" customClass="IconTextField" customModule="SkyFloatingLabelTextFieldExample" customModuleProvider="target">
                                 <rect key="frame" x="70" y="84" width="260" height="43"/>
                                 <color key="backgroundColor" red="0.94117647410000005" green="0.94117647410000005" blue="0.94117647410000005" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                 <userDefinedRuntimeAttributes>
@@ -730,8 +831,8 @@
                                     <userDefinedRuntimeAttribute type="string" keyPath="text" value="text"/>
                                 </userDefinedRuntimeAttributes>
                             </view>
-                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Iv1-md-6Bi">
-                                <rect key="frame" x="168" y="181" width="65" height="30"/>
+                            <button opaque="NO" contentMode="scaleToFill" ambiguous="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Iv1-md-6Bi">
+                                <rect key="frame" x="167.5" y="181" width="65" height="30"/>
                                 <state key="normal" title="Add error"/>
                                 <connections>
                                     <action selector="addError" destination="ZOT-En-7Z8" eventType="touchUpInside" id="67L-rX-Zeu"/>
@@ -739,8 +840,8 @@
                                     <action selector="addError" destination="BYZ-38-t0r" eventType="touchUpInside" id="iNN-BX-o4N"/>
                                 </connections>
                             </button>
-                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="f9a-5M-ybb">
-                                <rect key="frame" x="125" y="147" width="151" height="30"/>
+                            <button opaque="NO" contentMode="scaleToFill" ambiguous="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="f9a-5M-ybb">
+                                <rect key="frame" x="124.5" y="147" width="151" height="30"/>
                                 <state key="normal" title="Resign first responder"/>
                                 <connections>
                                     <action selector="resignTextField" destination="G0q-zq-dep" eventType="touchUpInside" id="3xx-Gc-oP1"/>
@@ -748,7 +849,7 @@
                                     <action selector="resignTextField" destination="BYZ-38-t0r" eventType="touchUpInside" id="s34-rV-yvv"/>
                                 </connections>
                             </button>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="GwR-K6-apk">
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" ambiguous="YES" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="GwR-K6-apk">
                                 <rect key="frame" x="50" y="231" width="300" height="117"/>
                                 <string key="text">By overriding the positioning methods you can layout the view components in a flexible manner.
 
@@ -790,7 +891,7 @@ In this example an icon label is added and placeholder label and textfield are p
                         <rect key="frame" x="0.0" y="0.0" width="400" height="600"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                        <containerView key="tableHeaderView" opaque="NO" contentMode="scaleToFill" id="pEh-Bj-WOF">
+                        <containerView key="tableHeaderView" opaque="NO" contentMode="scaleToFill" misplaced="YES" id="pEh-Bj-WOF">
                             <rect key="frame" x="0.0" y="0.0" width="400" height="289"/>
                             <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES"/>
                             <connections>
@@ -808,7 +909,7 @@ In this example an icon label is added and placeholder label and textfield are p
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Setting text properties" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="HdC-wj-sIC">
-                                                    <rect key="frame" x="30" y="11" width="172" height="21"/>
+                                                    <rect key="frame" x="30" y="11.5" width="172" height="21"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                                     <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
@@ -832,7 +933,7 @@ In this example an icon label is added and placeholder label and textfield are p
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Customizing colors" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="jCk-47-jKB">
-                                                    <rect key="frame" x="30" y="11" width="147" height="21"/>
+                                                    <rect key="frame" x="30" y="11.5" width="147" height="21"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                                     <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
@@ -856,7 +957,7 @@ In this example an icon label is added and placeholder label and textfield are p
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Theming by subclassing" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="09e-P3-DiE">
-                                                    <rect key="frame" x="30" y="11" width="185" height="21"/>
+                                                    <rect key="frame" x="30" y="11.5" width="185" height="21"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                                     <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
@@ -880,7 +981,7 @@ In this example an icon label is added and placeholder label and textfield are p
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Theming with UIAppearance" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="14L-ND-bS0">
-                                                    <rect key="frame" x="30" y="11" width="217" height="21"/>
+                                                    <rect key="frame" x="30" y="11.5" width="217" height="21"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                                     <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
@@ -904,7 +1005,7 @@ In this example an icon label is added and placeholder label and textfield are p
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Custom layout by subclassing" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="qSH-5l-bpY">
-                                                    <rect key="frame" x="30" y="11" width="228" height="21"/>
+                                                    <rect key="frame" x="30" y="11.5" width="228" height="21"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                                     <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
@@ -928,7 +1029,7 @@ In this example an icon label is added and placeholder label and textfield are p
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Using delegate methods" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="evz-m8-4qe">
-                                                    <rect key="frame" x="30" y="11" width="187" height="21"/>
+                                                    <rect key="frame" x="30" y="11.5" width="187" height="21"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                                     <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
diff --git a/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldExample/Example1/SettingTextsViewController.swift b/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldExample/Example1/SettingTextsViewController.swift
index 3709772..0f9b3c3 100644
--- a/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldExample/Example1/SettingTextsViewController.swift
+++ b/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldExample/Example1/SettingTextsViewController.swift
@@ -98,4 +98,15 @@ class SettingTextsViewController: UIViewController {
             textField.isEnabled = !textField.isEnabled
         }
     }
+
+    @IBAction func errorPlacementChanged(_ segmentedControl: UISegmentedControl) {
+        switch segmentedControl.selectedSegmentIndex {
+        case 0:
+            textField?.errorMessagePlacement = .bottom
+        case 1:
+            textField?.errorMessagePlacement = .default
+        default:
+            break
+        }
+    }
 }
diff --git a/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldTests/SkyFloatingLabelTextFieldTests.swift b/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldTests/SkyFloatingLabelTextFieldTests.swift
index 7317bf3..33020c2 100644
--- a/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldTests/SkyFloatingLabelTextFieldTests.swift
+++ b/SkyFloatingLabelTextField/SkyFloatingLabelTextFieldTests/SkyFloatingLabelTextFieldTests.swift
@@ -192,6 +192,19 @@ class SkyFloatingLabelTextFieldTests: XCTestCase { // swiftlint:disable:this typ
         XCTAssertEqual(floatingLabelTextField.lineView.backgroundColor, self.customColor)
     }
 
+    func test_whenSettingErrorColor_withErrorMessagePlacementIsBottom_thenErrorLabelTextColorIsChangedToThisColor() {
+        // given
+        floatingLabelTextField.errorMessagePlacement = .bottom
+        floatingLabelTextField.errorMessage = "test"
+
+        // when
+        floatingLabelTextField.errorColor = self.customColor
+
+        // then
+        XCTAssertNotEqual(floatingLabelTextField.titleLabel.textColor, self.customColor)
+        XCTAssertEqual(floatingLabelTextField.errorLabel.textColor, self.customColor)
+    }
+
     func test_whenSettingSelectedTitleColor_withTextfieldBeingSelected_thenTitleLabelTextColorIsChangedToThisColor() {
         // given
         floatingLabelTextField.isSelected = true
@@ -915,6 +928,42 @@ class SkyFloatingLabelTextFieldTests: XCTestCase { // swiftlint:disable:this typ
         XCTAssertEqual(size.height, floatingLabelTextField.titleHeight() + floatingLabelTextField.textHeight())
     }
 
+    // MARK: Error Message Placement
+    func test_whenSettingErrorMessage_whenErrorMessagePlacementSetToDefault_thenTitleLabelTextIsChanged() {
+        // given
+        XCTAssertEqual(floatingLabelTextField.errorMessagePlacement, .default)
+
+        // when
+        floatingLabelTextField.errorMessage = "SAMPLE ERROR"
+
+        // then
+        XCTAssertEqual(floatingLabelTextField.titleLabel.text, "SAMPLE ERROR")
+    }
+
+    func test_whenSettingErrorMessage_whenErrorMessagePlacementSetToBottom_thenErrorLabelTextIsChanged() {
+        // given
+        floatingLabelTextField.title = "SAMPLE TITLE"
+        floatingLabelTextField.errorMessagePlacement = .bottom
+
+        // when
+        floatingLabelTextField.errorMessage = "SAMPLE ERROR"
+
+        // then
+        XCTAssertEqual(floatingLabelTextField.titleLabel.text, "SAMPLE TITLE")
+        XCTAssertEqual(floatingLabelTextField.errorLabel.text, "SAMPLE ERROR")
+    }
+
+    func test_whenErrorLabelAlignment_thenErrorLabelTextAlignemntIsChanged() {
+        // given
+        XCTAssertNotEqual(floatingLabelTextField.errorLabel.textAlignment, .center)
+
+        // when
+        floatingLabelTextField.errorLabelAlignment = .center
+
+        // then
+        XCTAssertEqual(floatingLabelTextField.errorLabel.textAlignment, .center)
+    }
+
     // MARK: - Helpers
 
     func failOnTimeoutAfterSeconds(_ timeout: TimeInterval) {
diff --git a/Sources/SkyFloatingLabelTextField.swift b/Sources/SkyFloatingLabelTextField.swift
index 0578e8e..ad55ffe 100644
--- a/Sources/SkyFloatingLabelTextField.swift
+++ b/Sources/SkyFloatingLabelTextField.swift
@@ -11,6 +11,16 @@
 
 import UIKit
 
+/**
+ An enum for the possible error label placements.
+ .default is the standard (on top) position; the error message is displayed in the `titleLabel`.
+ .bottom displays the error below the text field in a dedicated `errorLabel`.
+ */
+public enum ErrorMessagePlacement {
+    case `default`
+    case bottom
+}
+
 /**
  A beautiful and flexible textfield implementation with support for title label, error message and placeholder.
  */
@@ -30,9 +40,16 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         if isLTRLanguage {
             textAlignment = .left
             titleLabel.textAlignment = .left
+            errorLabel.textAlignment = .left
         } else {
             textAlignment = .right
             titleLabel.textAlignment = .right
+            errorLabel.textAlignment = .right
+        }
+
+        // Override error message default alignment
+        if let errorLabelAlignment = errorLabelAlignment {
+            errorLabel.textAlignment = errorLabelAlignment
         }
     }
 
@@ -73,6 +90,21 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         }
     }
 
+    /// A `ErrorMessagePlacement` value that determines where the error message will be displayed.
+    open var errorMessagePlacement: ErrorMessagePlacement = .default {
+        didSet {
+            updateControl()
+            updatePlaceholder()
+        }
+    }
+
+    /// An `NSTextAlignment` value that determines the error label text alignment.
+    open var errorLabelAlignment: NSTextAlignment? {
+        didSet {
+            updateTextAligment()
+        }
+    }
+
     fileprivate func updatePlaceholder() {
         guard let placeholder = placeholder, let font = placeholderFont ?? font else {
             return
@@ -121,7 +153,7 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         }
     }
 
-    /// A UIColor value that determines the color used for the title label and line when the error message is not `nil`
+    /// A UIColor value that determines the color used for the label displaying the error message
     @IBInspectable dynamic open var errorColor: UIColor = .red {
         didSet {
             updateColors()
@@ -197,6 +229,9 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
     /// The internal `UILabel` that displays the selected, deselected title or error message based on the current state.
     open var titleLabel: UILabel!
 
+    /// The internal `UILabel` that displays error messsage if `errorMessagePlacement` is `.bottom`.
+    open var errorLabel: UILabel!
+
     // MARK: Properties
 
     /**
@@ -329,6 +364,7 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         borderStyle = .none
         createTitleLabel()
         createLineView()
+        createErrorLabel()
         updateColors()
         addEditingChangedObserver()
         updateTextAligment()
@@ -359,6 +395,17 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         self.titleLabel = titleLabel
     }
 
+    fileprivate func createErrorLabel() {
+        let errorLabel = UILabel()
+        errorLabel.autoresizingMask = [.flexibleWidth, .flexibleHeight]
+        errorLabel.font = titleFont
+        errorLabel.alpha = 0.0
+        errorLabel.textColor = errorColor
+
+        addSubview(errorLabel)
+        self.errorLabel = errorLabel
+    }
+
     fileprivate func createLineView() {
 
         if lineView == nil {
@@ -434,6 +481,11 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         updateLineColor()
         updateTitleColor()
         updateTextColor()
+        updateErrorLabelColor()
+    }
+
+    fileprivate func updateErrorLabelColor() {
+        errorLabel.textColor = errorColor
     }
 
     fileprivate func updateLineColor() {
@@ -457,7 +509,7 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
 
         if !isEnabled {
             titleLabel.textColor = disabledColor
-        } else if hasErrorMessage {
+        } else if hasErrorMessage && errorMessagePlacement == .default {
             titleLabel.textColor = titleErrorColor ?? errorColor
         } else {
             if editingOrSelected || isHighlighted {
@@ -486,9 +538,25 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         }
 
         var titleText: String?
-        if hasErrorMessage {
-            titleText = titleFormatter(errorMessage!)
+        var errorText: String?
+
+        if errorMessagePlacement == .default {
+            if hasErrorMessage {
+                titleText = titleFormatter(errorMessage!)
+            } else {
+                if editingOrSelected {
+                    titleText = selectedTitleOrTitlePlaceholder()
+                    if titleText == nil {
+                        titleText = titleOrPlaceholder()
+                    }
+                } else {
+                    titleText = titleOrPlaceholder()
+                }
+            }
         } else {
+            if hasErrorMessage {
+                errorText = titleFormatter(errorMessage!)
+            }
             if editingOrSelected {
                 titleText = selectedTitleOrTitlePlaceholder()
                 if titleText == nil {
@@ -501,7 +569,10 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         titleLabel.text = titleText
         titleLabel.font = titleFont
 
+        errorLabel.text = errorText
+        errorLabel.font = titleFont
         updateTitleVisibility(animated)
+        updateErrorVisibility(animated)
     }
 
     fileprivate var _titleVisible: Bool = false
@@ -527,7 +598,15 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
      - returns: True if the title is displayed on the control, false otherwise.
      */
     open func isTitleVisible() -> Bool {
-        return hasText || hasErrorMessage || _titleVisible
+        if errorMessagePlacement == .default {
+            return hasText || hasErrorMessage || _titleVisible
+        } else {
+            return hasText || _titleVisible
+        }
+    }
+
+    open func isErrorVisible() -> Bool {
+        return hasErrorMessage
     }
 
     fileprivate func updateTitleVisibility(_ animated: Bool = false, completion: ((_ completed: Bool) -> Void)? = nil) {
@@ -553,6 +632,29 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         }
     }
 
+    fileprivate func updateErrorVisibility(_ animated: Bool = false, completion: ((_ completed: Bool) -> Void)? = nil) {
+        let alpha: CGFloat = isErrorVisible() ? 1.0 : 0.0
+        let frame: CGRect = errorLabelRectForBounds(bounds, editing: isErrorVisible())
+        let updateBlock = { () -> Void in
+            self.errorLabel.alpha = alpha
+            self.errorLabel.frame = frame
+        }
+        if animated {
+            #if swift(>=4.2)
+            let animationOptions: UIView.AnimationOptions = .curveEaseOut
+            #else
+            let animationOptions: UIViewAnimationOptions = .curveEaseOut
+            #endif
+            let duration = isErrorVisible() ? titleFadeInDuration : titleFadeOutDuration
+            UIView.animate(withDuration: duration, delay: 0, options: animationOptions, animations: { () -> Void in
+                updateBlock()
+            }, completion: completion)
+        } else {
+            updateBlock()
+            completion?(true)
+        }
+    }
+
     // MARK: - UITextField text/placeholder positioning overrides
 
     /**
@@ -563,12 +665,15 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
     override open func textRect(forBounds bounds: CGRect) -> CGRect {
         let superRect = super.textRect(forBounds: bounds)
         let titleHeight = self.titleHeight()
-
+        var height = superRect.size.height - titleHeight - selectedLineHeight
+        if errorMessagePlacement == .bottom {
+            height -= errorHeight()
+        }
         let rect = CGRect(
             x: superRect.origin.x,
             y: titleHeight,
             width: superRect.size.width,
-            height: superRect.size.height - titleHeight - selectedLineHeight
+            height: height
         )
         return rect
     }
@@ -582,11 +687,16 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         let superRect = super.editingRect(forBounds: bounds)
         let titleHeight = self.titleHeight()
 
+        var height = superRect.size.height - titleHeight - selectedLineHeight
+        if errorMessagePlacement == .bottom {
+            height -= errorHeight()
+        }
+
         let rect = CGRect(
             x: superRect.origin.x,
             y: titleHeight,
             width: superRect.size.width,
-            height: superRect.size.height - titleHeight - selectedLineHeight
+            height: height
         )
         return rect
     }
@@ -597,11 +707,15 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
      - returns: The rectangle that the placeholder should render in
      */
     override open func placeholderRect(forBounds bounds: CGRect) -> CGRect {
+        var height = bounds.size.height - titleHeight() - selectedLineHeight
+        if errorMessagePlacement == .bottom {
+            height -= errorHeight()
+        }
         let rect = CGRect(
             x: 0,
             y: titleHeight(),
             width: bounds.size.width,
-            height: bounds.size.height - titleHeight() - selectedLineHeight
+            height: height
         )
         return rect
     }
@@ -621,6 +735,26 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         return CGRect(x: 0, y: titleHeight(), width: bounds.size.width, height: titleHeight())
     }
 
+    /**
+     Calculate the bounds for the error label. Override to create a custom size error field.
+     - parameter bounds: The current bounds of the title
+     - parameter editing: True if the control is selected or highlighted
+     - returns: The rectangle that the title label should render in
+     */
+    open func errorLabelRectForBounds(_ bounds: CGRect, editing: Bool) -> CGRect {
+        if errorMessagePlacement == .default {
+            return CGRect.zero
+        } else {
+            let lineRect = lineViewRectForBounds(bounds, editing: editing)
+            if editing {
+                let originY = lineRect.origin.y + selectedLineHeight
+                return CGRect(x: 0, y: originY, width: bounds.size.width, height: errorHeight())
+            }
+            let originY = lineRect.origin.y + selectedLineHeight + errorHeight()
+            return CGRect(x: 0, y: originY, width: bounds.size.width, height: errorHeight())
+        }
+    }
+
     /**
      Calculate the bounds for the bottom line of the control. 
      Override to create a custom size bottom line in the textbox.
@@ -630,7 +764,11 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
      */
     open func lineViewRectForBounds(_ bounds: CGRect, editing: Bool) -> CGRect {
         let height = editing ? selectedLineHeight : lineHeight
-        return CGRect(x: 0, y: bounds.size.height - height, width: bounds.size.width, height: height)
+        if errorMessagePlacement == .bottom {
+            return CGRect(x: 0, y: textRect(forBounds: bounds).maxY, width: bounds.size.width, height: height)
+        } else {
+            return CGRect(x: 0, y: bounds.size.height - height, width: bounds.size.width, height: height)
+        }
     }
 
     /**
@@ -646,7 +784,19 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
     }
 
     /**
-     Calcualte the height of the textfield.
+     Calculate the height of the error label.
+     -returns: the calculated height of the error label. Override to size the error with a different height
+     */
+    open func errorHeight() -> CGFloat {
+        if let errorLabel = errorLabel,
+            let font = errorLabel.font {
+            return font.lineHeight
+        }
+        return 15.0
+    }
+
+    /**
+     Calculate the height of the textfield.
      -returns: the calculated height of the textfield. Override to size the textfield with a different height
      */
     open func textHeight() -> CGFloat {
@@ -678,6 +828,7 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
         super.layoutSubviews()
 
         titleLabel.frame = titleLabelRectForBounds(bounds, editing: isTitleVisible() || _renderingInInterfaceBuilder)
+        errorLabel.frame = errorLabelRectForBounds(bounds, editing: isErrorVisible() || _renderingInInterfaceBuilder)
         lineView.frame = lineViewRectForBounds(bounds, editing: editingOrSelected || _renderingInInterfaceBuilder)
     }
 
@@ -687,7 +838,11 @@ open class SkyFloatingLabelTextField: UITextField { // swiftlint:disable:this ty
      - returns: the content size to be used for auto layout
      */
     override open var intrinsicContentSize: CGSize {
-        return CGSize(width: bounds.size.width, height: titleHeight() + textHeight())
+        if errorMessagePlacement == .bottom {
+            return CGSize(width: bounds.size.width, height: titleHeight() + textHeight() + errorHeight())
+        } else {
+            return CGSize(width: bounds.size.width, height: titleHeight() + textHeight())
+        }
     }
 
     // MARK: - Helpers