# Data ## Text field basic data ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-fe78db14b11451705d32782979ce37557518dc65%2Fimage.png?alt=media) Al habilitar esta función se abre una nueva tap de Data llamada **Data Picker Option** ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-73b21bb87320a8e2b6defd07c51d11bfcf87ad9c%2Fimage.png?alt=media) {% hint style="danger" %} Cuando se activa esta función el control **Field** no tendrá eventos para seleccionar {% endhint %} ### **Data Picker Option** #### **Control name** ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-7f4f82017d54d63c4afbf37fd755a4f73145a007%2Fimage.png?alt=media) Permite cambiar el nombre del control [ver más](https://docs.apphive.io/global-functions/data/control-name) #### Disable date picker ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-a52414aeca99195c2325df1f1a2bb02689fe9961%2Fimage.png?alt=media) Funciona para activar o desactivar la tap **Data Picker Option** #### **Mode date** ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-635470fa6bd9b2d4d4330a771a05c9d7d8e845fa%2Fimage.png?alt=media) Esta función se maneja en conjunto con la función **Date format** ya que al elegir un modo de fecha, la tipografía de **Date format** cambia con respecto al modo elegido. Se pueden elegir 3 tipos de modos de fecha 1. Date (Fecha) 2. Date Time (Fecha y Hora) 3. Time (Hora) #### Enable dynamic loading ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-0e8062e95e1b2e25b2bd8d4615cec619e64e9207%2Fimage.png?alt=media) Funciona para dar apariencia de cargado al elemento [ver más](https://docs.apphive.io/global-functions/data/enable-dynamic-loading) #### Date format ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-666a42a97bb3922a6a79b5b17c67134a151b4336%2Fimage.png?alt=media) Muestra el tipo de formato de fecha, dependiendo este mismo del elegido por el **Mode date** | Mode Date | Date Format | | :-------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | | Date | ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-10bdf8b58d1a872e15518c9d8f8fe0c4bb326a7f%2Fimage.png?alt=media) | | Date Time | ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-62341fecacbefd81889c26667537564437424806%2Fimage.png?alt=media) | | Time | ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-ae30bd2be4a4eae69f077f5d9297247822ed4a31%2Fimage.png?alt=media) | Eventualmente este tipo de formato puede ser editado por el que el usuario prefiera o necesite Al presionar el field (ya renderizado) mostrará unas ventanas emergentes para mostrar y editar la fecha o la hora, dependiendo del **Mode Date** | **Mode Date** | Ventaja emergente | | :--------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | | Date / Date Time | ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-ee4391f73cb9c08df54ac9c88184e74b4f358d2a%2FScreenshot_20201029-151452.png?alt=media) | | Time | ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-d67140636932c455ff6e9d07b4ff28f687dd366b%2FScreenshot_20201029-151657.png?alt=media) | ### Control name ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-a4b42805188b581794ea9d08941c85e3c42e08a3%2Fimage.png?alt=media) Sirve para cambiar el nombre al control [ver más](https://docs.apphive.io/global-functions/data/control-name) ### Control placeholder ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-7df2341d36c03fde8e539bfe0f15a165813f833c%2Fimage.png?alt=media) El atributo placeholder funciona para representar una indicación que ayude al usuario a completar estos campos ### Keyboard type ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-c532d619242ff3d71cb52ca7b6dcf7d2528ee801%2Fimage.png?alt=media) Permite seleccionar el tipo de teclado que se mostrará en el Panel de control. ### Keyboard return key type Cambia la tipografía de la tecla intro ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-e1e64bb31ebba67d9e19abd300e8e4dfd3d18618%2Fimage.png?alt=media) ### Enable blur on submit ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-22f8e85d23b48d4b4ef587f388fe4a924036946f%2Fimage.png?alt=media) ### Control is hidden ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-08b014c2e5910c2b632316c493fcf2154efdbf23%2Fimage.png?alt=media) Oculta los controles cuando se activa [ver más](https://docs.apphive.io/global-functions/data/control-is-hidden) ### Disabled ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-68c4cd63e76455bc4703151672cbc1be1e8c3740%2Fimage.png?alt=media) Cuando se activa deshabilita la capacidad de editar el field ## Text field advanced data ### Type password ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-86e2ed2fc5747b4f1897468317018e68b11b2963%2Fimage.png?alt=media) Representa un campo para contraseñas, su valor es ocultado (generalmente, reemplazando sus caracteres con un símbolo carente de significado) y no se les permite a los usuarios copiarlo al portapapeles. Esto actúa como una medida de seguridad que previene que el valor sea conocido por cualquier persona que no sea el usuario. ### Multiples lines ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-c9ec7efe1d743963fa1f319d94ca9c50aec66700%2Fimage.png?alt=media) Este elemento nos permite agregar múltiples líneas en el field y dar la apariencia de parrado, de esta manera se evita que el texto agregado no siga su recorrido continuo en una sola linea. ### Input mask ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-c109bc7641da9ba3957287367979dfbd70a8faf1%2Fimage.png?alt=media) Permite agregar una estructura al texto ingresado. Se puede agregar una estructura solamente de números, letras, alfanumérico o aceptar cualquier texto excepto espacios, si no se tiene nada ingresado en la casilla de input mask se permite ingresar cualquier tipo de texto sin discriminación a dígitos. ## Places autocomplete ### Enable places autocomplete ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-7e8a5dd186455c960780dad8dbb55821f6c34d5c%2Fimage.png?alt=media) Al activar este switch se activan nuevos elementos de manipulación, estos nuevos elementos se utilizan generalmente para poder autocompletar direcciones geográficas, como direcciones de calles, ciudades, etc. ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-3886297b5f797ab1d424efcf0d4ec8e0770a853a%2Fimage.png?alt=media) {% hint style="warning" %} Solo se podrán visualizar en el render (aplicación Apphive Previewer) si se tiene integrada una key de la API Google {% endhint %} ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-f95340b87be8c1d3577fb79c3a24f0d72cb6ddfb%2Fimage.png?alt=media) Al seleccionar algunos de estos campos (Geocode, Address, Regions, Cities, Establishment) podrá mostrar las diferentes direcciones o establecimientos que coincidan con el texto ingresado en el field #### Search countries places autocomplete: ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-6ae203ef9d82feb30b2b1938fe34cf84deafad8a%2Fimage.png?alt=media) Este elemento nos permite seleccionar los diferentes paises que existen en el mundo, de esta manera las direcciones que aparezcan como sugerencia, serán las que se encuentren en el pais que se eligió. ### Enable Multiline ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-8ea888bbae4996b5f6022305e3e54943813fae46%2Fimage.png?alt=media) Permite activar líneas múltiples ### Near Location ![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-9924a9c5f2c9e87717fe062efdd31054fc6c66ef%2Fimage.png?alt=media) Permite tener una ubicación cerca de un ponto geográfico, solo basta con colocar la latitud y longitud del la ubicación ## Button icon ### Button icon Permite agregar un icono en el field [ver más](https://docs.apphive.io/global-functions/data/icon) ### Direction Permite manipular la dirección del icono con respecto al texto [ver más](https://docs.apphive.io/global-functions/estilos/direction)