Magic Form
  • Getting Started
  • Getting Started
  • Install, Activate and Update
  • Frequently Asked Questions
  • Change Log
  • Support & Help
  • CREATE FORM
    • Create First Form
    • 1- Build
    • 👁️‍🗨️ Preview
    • 2- Settings
    • 3- Actions
    • 4- Publish
    • 🗑️Archive Form
    • ❐ Clone Form
    • ✉️Submissions
  • Settings
    • Plugin Settings
    • Email Settings (SMTP)
    • Form Styles
    • Page Settings
    • Multi Step Settings
    • Conditional Logic
    • Theme Integration
  • Form Elements
    • ➔ Element Style Tab
    • ➔ Element Validations Tab
    • Single Line Text
    • Paragraph Text
    • E-Mail
    • Select List
    • Radio
    • Check Box
    • Phone
    • Date Picker
    • Time Picker
    • File Upload
    • Name
    • Number Input
    • Address
    • Password
    • Country List
    • Custom Html
    • Button
    • Submit Button
    • Group
    • Grid
    • reCaptcha
    • Range Slider
    • Google Maps
    • Star Rating
    • Scale Rating
    • Terms Of Use
    • Hidden Input
    • Signature
    • Image
  • BUY PLUGIN
  • Purchase Plugin
Powered by GitBook
On this page
  • Label
  • Description
  • Input
  • Configurations
  • Field ID

Was this helpful?

  1. Form Elements

Date Picker

PreviousPhoneNextTime Picker

Last updated 4 years ago

Was this helpful?

Label

You can change, hide and align element.

Label icon may not appear depending on the theme you use.

Description

You can write a description below or above the element.

Above the field:

Below the field:

Input

Required: It makes it required to fill out the input.

Configurations

You can control date range, which you want have chosen, in Date Picker element.

Placeholder: It is the text in the Input. Date Format: It is the date format that will be accepted. DD: Day, MM: Month, YYYY: Year

Show Time: You can also add time to Date Picker Element along with date. You can choose 1,5,10,15,30 and 60-minute time frames.

Field ID

Each element has its own ID. It is the ID which is used for email and the other actions.

You can arrange label styles from 3 different sections. setting in the Form Styles for the highest level. setting in the Page Styles for the midlevel. Undermost is the label setting of each element. You can inherit the styles of each level from the the next level (If you arrange Inherit ) or you can customize it.

inherit: For elements, it implements the styles, which are in page settings or form style, in this element. Show: When it is selected, label appears. Hide: When it is selected, label hides. second inherit: When it is selected, it implements the syles, which are in page settings or form style, in this element. inline: Label and input are aligned on the same line. Left: Label is aligned left. Center: Label is aligned to the center. Right: Label is aligned right. You can choose icon for label.

You put the icon you select in input.

Label
Label