description.html.twig

Same filename in this branch
  1. 8.x-1.x menu_example/templates/description.html.twig
  2. 8.x-1.x form_api_example/templates/description.html.twig
  3. 8.x-1.x js_example/templates/description.html.twig
  4. 8.x-1.x page_example/templates/description.html.twig
  5. 8.x-1.x node_type_example/templates/description.html.twig
  6. 8.x-1.x pager_example/templates/description.html.twig
  7. 8.x-1.x block_example/templates/description.html.twig
  8. 8.x-1.x tabledrag_example/templates/description.html.twig
  9. 8.x-1.x testing_example/templates/description.html.twig
  10. 8.x-1.x config_entity_example/templates/description.html.twig
  11. 8.x-1.x tests/modules/examples_description_test/templates/description.html.twig
  12. 8.x-1.x phpunit_example/templates/description.html.twig
  13. 8.x-1.x render_example/templates/description.html.twig
  14. 8.x-1.x field_permission_example/templates/description.html.twig
  15. 8.x-1.x stream_wrapper_example/templates/description.html.twig
  16. 8.x-1.x ajax_example/templates/description.html.twig
  17. 8.x-1.x hooks_example/templates/description.html.twig
  18. 8.x-1.x field_example/templates/description.html.twig
Same filename in other branches
  1. 3.x modules/menu_example/templates/description.html.twig
  2. 3.x modules/form_api_example/templates/description.html.twig
  3. 3.x modules/js_example/templates/description.html.twig
  4. 3.x modules/page_example/templates/description.html.twig
  5. 3.x modules/node_type_example/templates/description.html.twig
  6. 3.x modules/pager_example/templates/description.html.twig
  7. 3.x modules/block_example/templates/description.html.twig
  8. 3.x modules/tabledrag_example/templates/description.html.twig
  9. 3.x modules/rest_example/templates/description.html.twig
  10. 3.x modules/testing_example/templates/description.html.twig
  11. 3.x modules/tour_example/templates/description.html.twig
  12. 3.x modules/config_entity_example/templates/description.html.twig
  13. 3.x modules/phpunit_example/templates/description.html.twig
  14. 3.x modules/render_example/templates/description.html.twig
  15. 3.x modules/field_permission_example/templates/description.html.twig
  16. 3.x modules/stream_wrapper_example/templates/description.html.twig
  17. 3.x modules/ajax_example/templates/description.html.twig
  18. 3.x modules/hooks_example/templates/description.html.twig
  19. 3.x modules/field_example/templates/description.html.twig
  20. 3.x tests/modules/examples_description_test/templates/description.html.twig
  21. 4.0.x modules/menu_example/templates/description.html.twig
  22. 4.0.x modules/form_api_example/templates/description.html.twig
  23. 4.0.x modules/js_example/templates/description.html.twig
  24. 4.0.x modules/page_example/templates/description.html.twig
  25. 4.0.x modules/node_type_example/templates/description.html.twig
  26. 4.0.x modules/pager_example/templates/description.html.twig
  27. 4.0.x modules/block_example/templates/description.html.twig
  28. 4.0.x modules/tabledrag_example/templates/description.html.twig
  29. 4.0.x modules/rest_example/templates/description.html.twig
  30. 4.0.x modules/testing_example/templates/description.html.twig
  31. 4.0.x modules/tour_example/templates/description.html.twig
  32. 4.0.x modules/config_entity_example/templates/description.html.twig
  33. 4.0.x modules/phpunit_example/templates/description.html.twig
  34. 4.0.x modules/render_example/templates/description.html.twig
  35. 4.0.x modules/field_permission_example/templates/description.html.twig
  36. 4.0.x modules/stream_wrapper_example/templates/description.html.twig
  37. 4.0.x modules/ajax_example/templates/description.html.twig
  38. 4.0.x modules/hooks_example/templates/description.html.twig
  39. 4.0.x modules/field_example/templates/description.html.twig
  40. 4.0.x tests/modules/examples_description_test/templates/description.html.twig
  41. 4.0.x modules/config_simple_example/templates/description.html.twig
{#

Description text for the Tour Example.

Note that we have defined some 'buttons.' These page elements are targets for
the tour we're demonstrating.

The id of the target elements are used in the tour definition file as targets
for the various tour steps.

#}

{% trans %}


The Tour:

Click the 'Tour' icon in the admin menu bar to start.

First item.
Second item.
Third item.
Fourth item.

About Tours

The Tour module allows you you make instructional tours of user interfaces.

The Tour module comes with Drupal 8 and makes it easy for developers to add "Tours" for guiding users through unfamiliar user interfaces.

Each tour is comprised of a series of tooltips that provide contextual information about an interface. The user can start a tour by clicking the "Tour" icon on the right side of the Drupal 8 toolbar. The tour icon is only visible when there is a tour available on the current page.

The Tour module provides the Tour API, which makes it easy for developers to add tours to their modules. In most cases, adding a tour is as simple as creating a YAML file in the config directory in their module, containing the expected data. For a detailed example of such a file, see config/install/tour.tour.tour-example.yml.

If you are interested in building tours through a user interface, you may want to look at the Tour UI module: https://drupal.org/project/tour_ui

The Tour module uses the Joyride jQuery plugin for its underlying functionality. You can find more information about Joyride at https://github.com/zurb/joyride

{% endtrans %}

File

tour_example/templates/description.html.twig

View source
  1. {#
  2. Description text for the Tour Example.
  3. Note that we have defined some 'buttons.' These page elements are targets for
  4. the tour we're demonstrating.
  5. The id of the target elements are used in the tour definition file as targets
  6. for the various tour steps.
  7. #}
  8. {% trans %}
  9. <h2>The Tour:</h2>
  10. <p>Click the 'Tour' icon in the admin menu bar to start.</p>
  11. <div class="button" id="tour-target-1">First item.</div>
  12. <div class="button" id="tour-target-2">Second item.</div>
  13. <div class="button" id="tour-target-3">Third item.</div>
  14. <div class="button" id="tour-target-4">Fourth item.</div>
  15. <h2>About Tours</h2>
  16. <p>The Tour module allows you you make instructional tours of user interfaces.</p>
  17. <p>The Tour module comes with Drupal 8 and makes it easy for developers to add
  18. &quot;Tours&quot; for guiding users through unfamiliar user interfaces.</p>
  19. <p>Each tour is comprised of a series of tooltips that provide contextual
  20. information about an interface. The user can start a tour by clicking the
  21. &quot;Tour&quot; icon on the right side of the Drupal 8 toolbar. The tour icon is only
  22. visible when there is a tour available on the current page.</p>
  23. <p>The Tour module provides the Tour API, which makes it easy for developers to
  24. add tours to their modules. In most cases, adding a tour is as simple as
  25. creating a YAML file in the config directory in their module, containing the
  26. expected data. For a detailed example of such a file, see
  27. config/install/tour.tour.tour-example.yml.</p>
  28. <p>If you are interested in building tours through a user interface, you may
  29. want to look at the Tour UI module: <a href="https://drupal.org/project/tour_ui">https://drupal.org/project/tour_ui</a></p>
  30. <p>The Tour module uses the Joyride jQuery plugin for its underlying
  31. functionality. You can find more information about Joyride at
  32. <a href="https://github.com/zurb/joyride">https://github.com/zurb/joyride</a></p>
  33. {% endtrans %}