Home / Awesome Services / Form Control - Work in Progress

Published on 10/27/2020 Published by Pratik Takle

Form Control - Work in Progress

Form Control Service:

Here all form control service modules will be listed.
They are defined with details and usage parameters.
Please look for screenshots for more specific use.

_____________________________________________

Form control – select

Title

form_control.select

Purpose

to get dropdrop with mentioned options

Syntax

[form_control.select
  label="label for dropdown"
  taxonomy="taxnomy slug"
  OR
  query="formatted query"
  OR
  posttype="post type"
  OR
  user-role="user role slug"
  OR
  predefined_values="array"
  required="yes/no"
  field="ID"
  id="name and id"
  multiple="yes/no"
  class="extra classes"
  placeholder="placeholder for dropdown"
  value="any prefilled value"
  /]

[form_control.select

label="label for dropdown"

taxonomy="taxnomy slug"

query="formatted query"

posttype="post type"

user-role="user role slug"

predefined_values="array"

required="yes/no"

field="ID"

id="name and id"

multiple="yes/no"

class="extra classes"

placeholder="placeholder for dropdown"

value="any prefilled value"

Input Parameters

(optional) label=”label for dropdown”
(required) field=”ID”
(required) id=”name and id”
taxonomy=”taxnomy slug”
OR query=”formatted query”
OR posttype=”post type”
OR user-role=”user role slug”
OR predefined_values=”array”
(optional) required=”yes/no”
(optional) multiple=”yes/no” – if you want to select multiple options
(optional) class=”extra classes”
(optional) placeholder=”placeholder for dropdown”
(optional) selectAll=”true/ ” – if you want select all option
(optional) value=” ” – if you want show any prefilled value from option

Return Value

service will return select dropdown with applied values

Example 1

Code

//** this is a specific exapmple,
please change your values accordingly** //
[template.set prog_query
   empty="{module.current_user_centre}"]
    select post_title as name,ID as value
    from `wp_posts`
    where post_type="classroom"
    and post_status="publish"
    order by post_date desc
[/template.set]
[form_control.select
   label="Select Program"
   query="{template.prog_query}"
   required="yes" field="ID"
   id="program_id" /]

//** this is a specific exapmple,

please change your values accordingly** //

[template.set prog_query

empty="{module.current_user_centre}"]

select post_title as name,ID as value

from `wp_posts`

where post_type="classroom"

and post_status="publish"

order by post_date desc

[/template.set]

[form_control.select

label="Select Program"

query="{template.prog_query}"

required="yes" field="ID"

id="program_id" /]

Output

Description

in code, query is pass in select service which bring back all published posts from classroom post type in descending order of post date

Example 2

Code

//** this is a specific exapmple,
please change your values accordingly** //
[form_control.select  label="Select Centre"
  posttype="locate_us" field="ID" id="centre_name" /]

//** this is a specific exapmple,

please change your values accordingly** //

[form_control.select label="Select Centre"

posttype="locate_us" field="ID" id="centre_name" /]

Output

Description

in code post type is passed as argument to select service which will bring back all published posts from locate_us post type.

________________________________________________

Form control – text

Title

form_control.text

Purpose

to get text box with mentioned options

Syntax

[form_control.text
  label="label for text box"
  addon_text="any warning or note"
  required="yes/no"
  field="ID"
  id="name and id"
  class="extra classes"
  placeholder="placeholder for dropdown"
  value="any prefilled value"
  readonly="yes or no"
  prepend_inline_icon="icon at start {icon name from font awesome lib}"
  append_inline_icon="icon at the end {icon name from font awesome lib}"
  attr_string="any extra parameters"
  /]

[form_control.text

label="label for text box"

addon_text="any warning or note"

required="yes/no"

field="ID"

id="name and id"

class="extra classes"

placeholder="placeholder for dropdown"

value="any prefilled value"

readonly="yes or no"

prepend_inline_icon="icon at start {icon name from font awesome lib}"

append_inline_icon="icon at the end {icon name from font awesome lib}"

attr_string="any extra parameters"

Input Parameters

(optional) label=”label for textbox”
(optional) addon_text=”any warning or note”
(required) field=”ID”
(required) id=”name and id”
(optional) required=”yes/no”
(optional) readonly =”yes/no”
(optional) class=”extra classes”
(optional) placeholder=”placeholder for textbox”
(optional) value= if you want show any prefilled value

Return Value

service will return textbox with applied values

Example 1

Code

//** this is a specific exapmple,
please change your values accordingly** //
[form_control.text  label="Program Title"
   id="post_title" value="{module.post.post_title}"
   required="yes"
   placeholder="Add program name here..."/]

//** this is a specific exapmple,

please change your values accordingly** //

[form_control.text label="Program Title"

id="post_title" value="{module.post.post_title}"

required="yes"

placeholder="Add program name here..."/]

Output

Description

in short code, text service is called which is required, value is given as module.post.post_title and custom placeholder

________________________________________________

Form control – date

Title

form_control.date

Purpose

to get date calender with mentioned options

Syntax

[form_control.date
  label="label for text box"
  formate="d-m-Y"
  required="yes/no"
  field="ID"
  id="name and id"
  class="extra classes"
  placeholder="placeholder for dropdown"
  value="any prefilled value"
  attr_string="any extra parameters"
  /]

[form_control.date

label="label for text box"

formate="d-m-Y"

required="yes/no"

field="ID"

id="name and id"

class="extra classes"

placeholder="placeholder for dropdown"

value="any prefilled value"

attr_string="any extra parameters"

Input Parameters

(optional) label=”label for calendar”
(optional) formate=”required date format”
(required) field=”ID”
(required) id=”name and id”
(optional) required=”yes/no”
(optional) class=”extra classes”
(optional) placeholder=”placeholder for drodown”
(optional) value= if you want show any prefilled value
(optional) attr_string= if you want any extra parameters

Return Value

service will return date calendar

Example 1

Code

//** this is a specific exapmple,
please change your values accordingly** //
[form_control.date  label="Program Start Date"
formate='d-m-Y' id="program_start_date"
value="{{aw2.get module.post.meta.program_start_date date_format='Y-m-d' }}"
required="yes" /]

//** this is a specific exapmple,

please change your values accordingly** //

[form_control.date label="Program Start Date"

formate='d-m-Y' id="program_start_date"

value="{{aw2.get module.post.meta.program_start_date date_format='Y-m-d' }}"

required="yes" /]

Output

__________________________________________________

Form control – trix_editor

Title

form_control.trix_editor

Purpose

to textarea with text and file manipulation options

Syntax

[form_control.date
  label="label for textarea"
  field="ID"
  id="name and id"
  control_class="parent div class (usually from grid)"
  class="extra classes"
  height="in px"
  form_type = "horizontal / default"
  placeholder="placeholder for textarea"
  value="any prefilled value"
  /]

[form_control.date

label="label for textarea"

field="ID"

id="name and id"

control_class="parent div class (usually from grid)"

class="extra classes"

height="in px"

form_type = "horizontal / default"

placeholder="placeholder for textarea"

value="any prefilled value"

Input Parameters

(optional) label=”label for calendar”
(required) field=”ID”
(required) id=”name and id”
(optional) required=”yes/no”
(optional) class=”extra classes”
(optional) form_type =”to seprate out textarea from label in divisions”
(optional) control_class==”parent div class (usually from grid)”
(optional) placeholder=”placeholder for textarea”
(optional) value= if you want show any prefilled value

Return Value

service will return textarea with editor options

Example 1

Code

//** this is a specific exapmple,
please change your values accordingly** //
 [form_control.trix_editor  label="Description"
   form_type="horizontal"
   control_class="col-md-12"
   height="150px" value="{module.post.post_content}"
   id="description" /]

//** this is a specific exapmple,

please change your values accordingly** //

[form_control.trix_editor label="Description"

form_type="horizontal"

control_class="col-md-12"

height="150px" value="{module.post.post_content}"

id="description" /]

Output

___________________________________________________

Form control – number

Title

form_control.number

Purpose

to get textbox with number input

Syntax

[form_control.text
  label="label for text box"
  addon_text="any warning or note"
  required="yes/no"
  field="ID"
  id="name and id"
  class="extra classes"
  placeholder="placeholder for dropdown"
  value="any prefilled value"
  readonly="yes or no"
  prepend_inline_icon="icon at start {icon name from font awesome lib}"
  append_inline_icon="icon at the end {icon name from font awesome lib}"
  attr_string="any extra parameters"
  min="minimun value for number val"
  max="maximun value for number val"
  /]

[form_control.text

label="label for text box"

addon_text="any warning or note"

required="yes/no"

field="ID"

id="name and id"

class="extra classes"

placeholder="placeholder for dropdown"

value="any prefilled value"

readonly="yes or no"

prepend_inline_icon="icon at start {icon name from font awesome lib}"

append_inline_icon="icon at the end {icon name from font awesome lib}"

attr_string="any extra parameters"

min="minimun value for number val"

max="maximun value for number val"

Input Parameters

Return Value

service will return number input with applied values

Example 1

Code

//** this is a specific exapmple,
please change your values accordingly** //
[form_control.number label="Rate the Leaner" id="rating"
 required="yes" placeholder="Add Rating"
 min="1" max="10" /]

//** this is a specific exapmple,

please change your values accordingly** //

[form_control.number label="Rate the Leaner" id="rating"

required="yes" placeholder="Add Rating"

min="1" max="10" /]

Output

Description

this will return number input with min=”1″ and max=”10″, placeholder as “add rating”

Updated on Oct 27, 2020