description.html.twig

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


<h2>The Tour:</h2>
<p>Click the 'Tour' icon in the admin menu bar to start.</p>
<div id="button-container">
<div class="button" id="tour-target-1">First item.</div>
<div class="button" id="tour-target-2">Second item.</div>
<div class="button" id="tour-target-3">Third item.</div>
<div class="button" id="tour-target-4">Fourth item.</div>
</div>

<h2>About Tours</h2>

<p>The Tour module allows you you make instructional tours of user interfaces.</p>

<p>The Tour module comes with Drupal and makes it easy for developers to add
    &quot;Tours&quot; for guiding users through unfamiliar user interfaces.</p>

<p>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
    &quot;Tour&quot; icon on the right side of the Drupal toolbar. The tour icon is only
    visible when there is a tour available on the current page.</p>

<p>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.</p>

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

<p>The Tour module uses the Shepherd JavaScript library for its underlying
    functionality. You can find more information about Shepherd at
    <a href="https://shepherdjs.dev/">https://shepherdjs.dev/</a></p>

{% endtrans %}

File

modules/tour_example/templates/description.html.twig

View source 
  1. {#

  2. 

  3. Description text for the Tour Example.

  4. 

  5. Note that we have defined some 'buttons.' These page elements are targets for

  6. the tour we're demonstrating.

  7. 

  8. The id of the target elements are used in the tour definition file as targets

  9. for the various tour steps.

  10. 

  11. #}

  12. 

  13. {% trans %}

  14. 

  15. 

  16. <h2>The Tour:</h2>

  17. <p>Click the 'Tour' icon in the admin menu bar to start.</p>

  18. <div id="button-container">

  19. <div class="button" id="tour-target-1">First item.</div>

  20. <div class="button" id="tour-target-2">Second item.</div>

  21. <div class="button" id="tour-target-3">Third item.</div>

  22. <div class="button" id="tour-target-4">Fourth item.</div>

  23. </div>

  24. 

  25. <h2>About Tours</h2>

  26. 

  27. <p>The Tour module allows you you make instructional tours of user interfaces.</p>

  28. 

  29. <p>The Tour module comes with Drupal and makes it easy for developers to add

  30.     &quot;Tours&quot; for guiding users through unfamiliar user interfaces.</p>

  31. 

  32. <p>Each tour is comprised of a series of tooltips that provide contextual

  33.     information about an interface. The user can start a tour by clicking the

  34.     &quot;Tour&quot; icon on the right side of the Drupal toolbar. The tour icon is only

  35.     visible when there is a tour available on the current page.</p>

  36. 

  37. <p>The Tour module provides the Tour API, which makes it easy for developers to

  38.     add tours to their modules. In most cases, adding a tour is as simple as

  39.     creating a YAML file in the config directory in their module, containing the

  40.     expected data. For a detailed example of such a file, see

  41.     config/install/tour.tour.tour-example.yml.</p>

  42. 

  43. <p>If you are interested in building tours through a user interface, you may

  44.     want to look at the Tour UI module: <a href="https://drupal.org/project/tour_ui">https://drupal.org/project/tour_ui</a></p>

  45. 

  46. <p>The Tour module uses the Shepherd JavaScript library for its underlying

  47.     functionality. You can find more information about Shepherd at

  48.     <a href="https://shepherdjs.dev/">https://shepherdjs.dev/</a></p>

  49. 

  50. {% endtrans %}