You are here

Home » API reference » YAML Form 8

yamlform.yamlform.example_layout_basic.yml in YAML Form 8

modules/yamlform_examples/config/install/yamlform.yamlform.example_layout_basic.yml

File

modules/yamlform_examples/config/install/yamlform.yamlform.example_layout_basic.yml
View source 
  1. langcode: en

  2. status: true

  3. dependencies:

  4.   enforced:

  5.     module:

  6.       - yamlform_examples

  7. uid: null

  8. template: false

  9. id: example_layout_basic

  10. title: 'Example: Layout: Basic'

  11. description: 'Examples of basic element layout and enhancements using messages, CSS classes, custom attributes, and tables.'

  12. elements: |

  13.   message_example:

  14.     '#type': details

  15.     '#title': 'Messages'

  16.     '#open': true

  17.     message_info:

  18.       '#type': message

  19.       '#message_type': info

  20.       '#message_message': 'This is an <strong>info</strong> message.'

  21.       '#message_close': true

  22.     message_status:

  23.       '#type': message

  24.       '#message_message': 'This is a <strong>status</strong> message.'

  25.       '#message_close': true

  26.     message_warning:

  27.       '#type': message

  28.       '#message_type': warning

  29.       '#message_message': 'This is a <strong>warning</strong> message.'

  30.       '#message_close': true

  31.     message_error:

  32.       '#type': message

  33.       '#message_type': error

  34.       '#message_message': 'This is a <strong>error</strong> message.'

  35.       '#message_close': true

  36.   form_inline_example:

  37.     '#type': details

  38.     '#title': 'Form inline with warning (.form--inline.message.message--warning)'

  39.     '#open': true

  40.     form_inline_container:

  41.       '#type': container

  42.       '#attributes':

  43.         class:

  44.           - 'form--inline clearfix'

  45.           - 'message message--warning'

  46.         style: 'padding-top: 0; padding-bottom: 0;'

  47.       form_inline_first_name:

  48.         '#title': 'First Name'

  49.         '#type': textfield

  50.         '#size': 20

  51.       form_inline_last_name:

  52.         '#title': 'Last Name'

  53.         '#type': textfield

  54.         '#size': 20

  55.   container_inline_example:

  56.     '#type': details

  57.     '#title': 'Container inline (.container-inline)'

  58.     '#open': true

  59.     container_inline_first_name:

  60.       '#title': 'First Name'

  61.       '#type': textfield

  62.       '#size': 20

  63.       '#wrapper_attributes':

  64.         class:

  65.           - 'container-inline clearfix'

  66.     container_inline_last_name:

  67.       '#title': 'Last Name'

  68.       '#type': textfield

  69.       '#size': 20

  70.       '#wrapper_attributes':

  71.         class:

  72.           - 'container-inline clearfix'

  73.   options_example:

  74.     '#type': details

  75.     '#title': 'Options (#options_display)'

  76.     '#open': true

  77.     checkboxes_side_by_side:

  78.       '#type': checkboxes

  79.       '#title': 'Checkboxes side by side'

  80.       '#options_display': side_by_side

  81.       '#options':

  82.         one: One

  83.         two: Two

  84.         three: Three

  85.         four: Four

  86.         five: Five

  87.         six: Six

  88.     radios_two_columns:

  89.       '#type': radios

  90.       '#title': 'Radios two columns'

  91.       '#options_display': two_columns

  92.       '#options':

  93.         one: One

  94.         two: Two

  95.         three: Three

  96.         four: Four

  97.         five: Five

  98.         six: Six

  99.     checkboxes_two_columns:

  100.       '#type': radios

  101.       '#title': 'Checkboxes three columns'

  102.       '#options':

  103.         one: One

  104.         two: Two

  105.         three: Three

  106.         four: Four

  107.         five: Five

  108.         six: Six

  109.       '#options_display': three_columns

  110.   title_example:

  111.     '#type': details

  112.     '#title': 'Title display'

  113.     '#open': true

  114.     title_display_before:

  115.       '#type': textfield

  116.       '#title': 'Title displayed before'

  117.       '#title_display': before

  118.     title_display_after:

  119.       '#type': textfield

  120.       '#title': 'Title displayed after'

  121.       '#title_display': after

  122.     title_display_inline:

  123.       '#type': textfield

  124.       '#title': 'Title displayed inline'

  125.       '#title_display': inline

  126.   description_example:

  127.     '#type': details

  128.     '#title': 'Description display'

  129.     '#open': true

  130.     description_display_before:

  131.       '#type': textfield

  132.       '#title': 'Description displayed before'

  133.       '#description': 'This description is displayed before the input.'

  134.       '#description_display': before

  135.     description_display_tooltip:

  136.       '#type': textfield

  137.       '#title': 'Description displayed in tooltip'

  138.       '#description': 'This description is displayed in a tooltip.  Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.'

  139.       '#description_display': tooltip

  140.   table_example:

  141.     '#type': details

  142.     '#title': Table

  143.     '#open': true

  144.     table:

  145.       '#type': table

  146.       '#header':

  147.         - 'First Name'

  148.         - 'Last Name'

  149.         - Gender

  150.         - 'US Citizen'

  151.       table__1:

  152.         table__1__first_name:

  153.           '#title': '1 - First name'

  154.           '#title_display': invisible

  155.           '#type': textfield

  156.           '#size': 30

  157.         table__1__last_name:

  158.           '#title': '1 - Last name'

  159.           '#title_display': invisible

  160.           '#type': textfield

  161.           '#size': 30

  162.         table__1__gender:

  163.           '#title': '1 - Gender'

  164.           '#title_display': invisible

  165.           '#type': select

  166.           '#options': gender

  167.         table__1__us:

  168.           '#title': '1 - US Citizen'

  169.           '#title_display': invisible

  170.           '#type': checkbox

  171.       table__2:

  172.         table__2__first_name:

  173.           '#title': '2 - First name'

  174.           '#title_display': invisible

  175.           '#type': textfield

  176.           '#size': 30

  177.         table__2__last_name:

  178.           '#title': '2 - Last name'

  179.           '#title_display': invisible

  180.           '#type': textfield

  181.           '#size': 30

  182.         table__2__gender:

  183.           '#title': '2 - Gender'

  184.           '#title_display': invisible

  185.           '#type': select

  186.           '#options': gender

  187.         table__2__us:

  188.           '#title': '2 - US Citizen'

  189.           '#title_display': invisible

  190.           '#type': checkbox

  191.       table__3:

  192.         table__3__first_name:

  193.           '#title': '3 - First name'

  194.           '#title_display': invisible

  195.           '#type': textfield

  196.           '#size': 30

  197.         table__3__last_name:

  198.           '#title': '3 - Last name'

  199.           '#title_display': invisible

  200.           '#type': textfield

  201.           '#size': 30

  202.         table__3__gender:

  203.           '#title': '3 - Gender'

  204.           '#title_display': invisible

  205.           '#type': select

  206.           '#options': gender

  207.         table__3__us:

  208.           '#title': '3 - US Citizen'

  209.           '#title_display': invisible

  210.           '#type': checkbox

  211. css: ''

  212. javascript: ''

  213. settings:

  214.   page: true

  215.   page_submit_path: ''

  216.   page_confirm_path: ''

  217.   form_submit_label: ''

  218.   form_submit_attributes: {  }

  219.   form_exception_message: ''

  220.   form_closed_message: ''

  221.   form_confidential: false

  222.   form_confidential_message: ''

  223.   form_prepopulate: false

  224.   form_prepopulate_source_entity: false

  225.   form_novalidate: false

  226.   form_unsaved: false

  227.   form_disable_back: false

  228.   form_autofocus: false

  229.   form_details_toggle: false

  230.   wizard_progress_bar: true

  231.   wizard_progress_pages: false

  232.   wizard_progress_percentage: false

  233.   wizard_next_button_label: ''

  234.   wizard_next_button_attributes: {  }

  235.   wizard_prev_button_label: ''

  236.   wizard_prev_button_attributes: {  }

  237.   wizard_start_label: ''

  238.   wizard_complete: true

  239.   wizard_complete_label: ''

  240.   preview: 0

  241.   preview_next_button_label: ''

  242.   preview_next_button_attributes: {  }

  243.   preview_prev_button_label: ''

  244.   preview_prev_button_attributes: {  }

  245.   preview_message: ''

  246.   draft: false

  247.   draft_auto_save: false

  248.   draft_button_label: ''

  249.   draft_button_attributes: {  }

  250.   draft_saved_message: ''

  251.   draft_loaded_message: ''

  252.   confirmation_type: page

  253.   confirmation_message: ''

  254.   confirmation_url: ''

  255.   confirmation_attributes: {  }

  256.   confirmation_back: true

  257.   confirmation_back_label: ''

  258.   confirmation_back_attributes: {  }

  259.   limit_total: null

  260.   limit_total_message: ''

  261.   limit_user: null

  262.   limit_user_message: ''

  263.   entity_limit_total: null

  264.   entity_limit_user: null

  265.   results_disabled: false

  266.   results_disabled_ignore: false

  267.   token_update: false

  268. access:

  269.   create:

  270.     roles:

  271.       - anonymous

  272.       - authenticated

  273.     users: {  }

  274.   view_any:

  275.     roles: {  }

  276.     users: {  }

  277.   update_any:

  278.     roles: {  }

  279.     users: {  }

  280.   delete_any:

  281.     roles: {  }

  282.     users: {  }

  283.   purge_any:

  284.     roles: {  }

  285.     users: {  }

  286.   view_own:

  287.     roles: {  }

  288.     users: {  }

  289.   update_own:

  290.     roles: {  }

  291.     users: {  }

  292.   delete_own:

  293.     roles: {  }

  294.     users: {  }

  295. handlers: {  }