Apphive Docs
Apphive Documentación ( English)
Apphive Documentación ( English)
  • 👋Welcome to Apphive
  • First steps
    • 🔍Apphive
      • Start with a template
      • Start from the beginning
    • 📐Apphive editor
      • Work with containers
      • Responsive design
      • Lateral Menu
    • 📱Apphive Previewer
      • IOS App Preview
      • Android App Preview
    • 🤖Apphive AI
  • Elements
    • 🎮Controls
      • Container
      • Swiper
      • Field
      • Text
      • Button
      • Switch
      • Picker
      • Radio
      • Slider
      • Image
      • Camenra View
      • Map
      • Web View
      • Calendar
      • Icon
      • Video View
      • Graphic View
    • ⚙️Functions
      • 🕹️Controls
        • Generate swiper content
        • Iterate children
        • Modify Control
        • Toogle side menu
        • Add collection to UI
        • Toogle bottom menu sheet
        • Toogle page loading
        • Trigger Event
        • Set palette colors
        • Bubble
        • Show image viewer
      • 👨‍👩‍👧Users
        • Change my password
        • Forget Password
        • Get All Users
        • Get App Users
        • Get User Other App
        • Get Data From Other User
        • Is Logged In?
        • Login
        • Login With Facebook
        • Login With Google
        • Login with apple
        • Logout
        • Set other user custom data
        • Set user custom data
        • Sign Up
        • Update AuthInfo
        • Update data from other user
        • Is Current User Email Verified?
        • Send Email Verification
      • 📀Cloud database
        • Delete database data
        • Get Database Data
        • Save data in DB
        • Upload file
      • 💿Local database
        • Delete all local Data
        • Delete local storage data
        • Get local storage data
        • Set app value
        • Set data DB direct
        • Save local storage data
        • Set page Value
      • ⛓️Logic
        • Arithmetic Operation
        • Array from object
        • Based on current OS
        • Chronometer
        • Concat
        • Conditional
        • debounce
        • forEach
        • Global Formater
        • Value is invalid
        • Object keys
        • Generate Random Numer
        • Range Iteration
        • Regex Test
        • Search in Object
        • Set interval
        • Set timeout
        • Stop set interval
        • Switch
        • Generate uuid v1
      • 🔔Notifications
        • Confirmation alert
        • Input dialog
        • Send Alert
        • Toast notification
      • 📲Phone APIs
        • dismissKeyboard
        • Open phone settings
        • Get connection type
        • GetDeviceInfo
        • Print remote PDF
        • Get Screen Dimentions
        • Is audio playing
        • Make a call
        • Open calendar
        • Ope geo map
        • Open Url
        • Open WhatsApp
        • Pause playing audio
        • Barcode Read
        • read QR code
        • Read SMS (Android)
        • Set Audio Time
        • Share
        • Show file browser
        • Start playing audio
        • Start Recording audio
        • Stop playing audio
        • Stop Recording Audio
        • Take a photo
        • Take a video
        • Vibration phone
        • Resize Image
        • UxCam Record
        • Avoid Suspension
        • Copy clipboard
        • Download file
        • Launch App Review
        • Launch App Update
        • Biometric auth
      • 🗺️Geolocalization
        • Get All fire geolocation
        • Get fire geolocation
        • GeoFire listen item
        • Query fire geolocation
        • Query all fire geolocation
        • Remove fire geolocation
        • Set fire geolocation
        • geoFireSetMultiple
        • Geocoding
        • Get distance
        • Get geolocation
        • Start geolocation tracking
        • Stop geolocation tracking
        • Start geolocation tracking http
        • Coordinate Inside Poligon
      • 💬Push Notifications
        • Request Permission
        • Push Notifications Cancel All
        • Send push
        • Open Remote
        • permissionRequestRemote
      • 🪙AdMob
        • Interstitial Ads
      • 📈Google Analytics
        • Log Event
      • 🚗Navigation
        • Return to last screen
        • Push screen
        • replaceTopPage
        • Replace screen
      • 💵Paymentes
        • inAppPurchaseGetHistory
        • inAppPurchase
        • payUsingAppleWallet
    • 🗄️Database
    • 📲Variables menu
      • Context Data
      • ListContext
      • PreviusOutputs
      • Color value
      • EventOutput
      • Auth
      • Complex
      • Controls
      • General
    • ⌨️Keyboard shortcuts
    • 🔩App processes
      • Params (WebApps)
    • 📠API Functions
  • Compilations and upload to stores
    • ⚙️Settings
      • Change splash screen
      • Get google api key
      • 🔥Firebase
        • Create account in firebase
        • Switch to plan blaze
        • Get realtime database url
        • Get realtime storage url
        • Get services accounts.
        • Enable functions
        • Enable authentications
      • 📘Facebook Developers
        • Facebook for developers
    • 👾Android
      • Compilation
        • Request Apk and Abb in Apphive
        • Download Apk and Aab files
      • Publication
        • Get a developer account in Google Play Store
        • Publish your app in Play Store
        • Background location
      • Settinggs after publishing
        • Log In with Gmail after publishing
        • Log In with Facebook after publishing
        • Copy the database and develop users to Firebase
      • Update app in play store
        • Update version on Play Store
    • 🍎IOS
      • Previous settings
        • Get a Unlimited plan
        • Request iOS permissions
      • Developer account
        • Get a developer account
      • Compilate version on testflight
        • Create a contanier in App Store and generate Testflight version
      • IOS settings in firebase
        • Enable push notifications in Firebase
        • Enable login with Apple record in Firebase
      • Publish in app store
        • Select app to review
        • Take screenshots to publish in App Store
        • Fill the App Store form
      • Updates
        • Update your app in App Store
    • 💻WebApp
      • 💻Domains
      • 💻SubDomine
      • 💻Logins
        • 📡Google
        • ⌨️Facebook
      • 💻Vapid public key
    • ❌Compilation errors
      • Error code: 01
      • Error code: 03
      • Error code: 04
      • Error code: 07
      • Error code: 09
      • Error code: 10
      • Error code: 11
      • Error code: 12
      • Error code: 14
      • Error code: 17
      • Error code: 18
      • Error code: 20
      • Error code: 22
      • Error code: 1039
  • Pricing
    • 💰Subscriptions
      • Get a Premium or Unlimited subscription
  • Resources
    • 📕Others
    • 📘Glossary
    • ❓FAQs
    • 🆘Support
Powered by GitBook
On this page

Was this helpful?

  1. Elements
  2. Controls

Field

The purpose of the text box is to allow the user to input textual information to be used by the program.

PreviousSwiperNextText

Last updated 2 years ago

Was this helpful?

Typography

Font size : This option allows you to adjust the font size of your control by entering a numeric value represented in pixels in the "custom" mode. You can also activate the "global" option by clicking on the lock-shaped icon, which will turn gray with the label "global". This way, it will have the size that you have set in the default options of the style bar as default. You can switch back to the "custom" option by changing the value or clicking on the icon again until it turns blue with the label "custom".

Text align : "This option allows you to align your paragraphs in different ways:

  1. Centered text (centrally aligns your text).

  2. Justified (aligns the text on both edges).

  3. Left-aligned (aligns your text towards the left edge of your control).

  4. Right-aligned (aligns the text towards the right edge of your control)."

Appearance

Background color : The option to modify the background of your control allows you to personalize its appearance. When you click on it, a window will open that will allow you to select from various color variables, such as your primary or secondary tone, or even enter a specific hexadecimal code. In addition, you will find other settings that will allow you to further customize the background of your control.

Text color :The option to modify the text color of your control allows you to personalize its appearance. When you click on it, a window will open that will allow you to select from various color variables, such as your primary or secondary tone, or even enter a specific hexadecimal code for a custom color.

Placeholder Color : "The option to modify the color of the placeholder text (text that appears when your control is empty) allows you to personalize its appearance. When you click on it, a window will open that will allow you to select from various color variables, such as your primary or secondary tone, or even enter a specific hexadecimal code for a custom color that will be displayed as the text of the placeholder."

Dimentions

Size : This option allows you to configure the size of your control both in height and width. It has two measurement systems: percentage (%) and pixels (px).

In the percentage system, you can enter a numerical value from 0 to 100, and the size of the control will automatically adjust to the percentage indicated with respect to the size of the container that contains it. For example, if you indicate a size of 50%, the control will occupy half of the screen, regardless of the size of the device. To activate this option, make sure that the corresponding icon is in blue.

On the other hand, in the pixel system, you can indicate a numerical value to determine the size of the control in pixels. This measurement will remain constant, regardless of the dimensions of the device. You can indicate any number of pixels between 0 and the maximum allowed. To activate this option, make sure that the corresponding icon is in gray.

Margin

Inner margin : This option allows you to modify the internal margin of your control, providing a separation from its border towards the inside and giving a margin of separation to the internal controls. You must enter a numerical value represented in pixels.

Outer margin : This option allows you to add an external margin to your control, which means it will add a margin starting from the edge of your control outwards, marking a separation from the controls around it. You must enter a numerical value that will be represented in pixels. You can modify all margins at the same time or disable the chain and modify them individually.

Borders

Border Width : This option allows you to add a border to your control, from the outside to the inside of it. You can modify the border on the top, right, bottom, and left sides of the control. You can adjust each of them individually or anchor them to have the same proportion every time you modify one. The value entered is numerical and expressed in pixels.

With these options, you can customize the border of your control and adjust it to your design needs.

Border Radius : This option allows you to modify the rounding of the corners of your controls. You can adjust the top-right corner, bottom-right corner, bottom-left corner, and top-left corner. You can modify each of them individually or anchor them to have the same proportion every time you modify one. The value entered is numeric and expressed in pixels. The higher the value, the greater the rounding of the corner.

With these options, you can customize the rounding of the corners of your control and adjust it to your design needs.

Border color : The option to modify the color of your control's border gives you the possibility to personalize its appearance. When you click on this option, a window will open that will allow you to choose from various color variables, such as your primary or secondary tone, or even enter a specific hexadecimal code. Additionally, you will find other settings that will allow you to further customize the background of your control.

Border style : This option allows you to modify the border style of your control, offering you three different options to choose from: "dotted", "dashed", and "solid".

🎮