Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-74103

User tour doesn't display the image and table correctly

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-74103-master
    • Hide
      1. Log in as admin
      2. Go to Site administration > Appearance > User tours and click the Import tour button.
      3. Import the attached tool and after that move the imported tour (Tour with large image and long text) up to the second position.
      4. Click on the imported tour name and then click the "force the tour to be displayed" link.
      5. Turn on the Web Developer tool.
      6. Set the viewport to 1366x768.
      7. Go to any course.
      8. Verify that the imported tour is loaded.
      9. Verify that you will see the step with the below content:
        • Title: Short content
        • Content: This is short content with text only
      10. Verify that you can see the Next button.
      11. Click the Next button.
      12. Verify that you will see the step with the below content:
        • Title: Long content
        • Content: Lorem ipsum dolor.....
      13. Verify that the tour is in the middle of the page (both vertical and horizontal).
      14. Verify that you can scroll to read all the lorem ipsum content normally.
      15. Verify that you can see the Next button.
      16. Click the Next button.
      17. Verify that you will see the step with the below content:
        • Title: Content with large image
        • Content: [image of the Pie chart of QA cycle]
      18. Verify that the tour is in the middle of the page (both vertical and horizontal).
      19. Verify that you can see the image normally.
      20. Verify that you can see the Next button.
      21. Click the Next button.
      22. Verify that you will see the step with the below content:
        • Title:  HTML table
        • Content: [HTML table]
      23. Verify that the tour is in the middle of the page (both vertical and horizontal).
      24. Verify that you can scroll to see the entire HTML table normally.
      25. Verify that you can see the End tour button.
      Show
      Log in as admin Go to Site administration > Appearance > User tours and click the Import tour button. Import the attached tool and after that move the imported tour (Tour with large image and long text) up to the second position. Click on the imported tour name and then click the "force the tour to be displayed" link. Turn on the Web Developer tool. Set the viewport to 1366x768 . Go to any course. Verify that the imported tour is loaded. Verify that you will see the step with the below content: Title: Short content Content: This is short content with text only Verify that you can see the Next button. Click the Next button. Verify that you will see the step with the below content: Title: Long content Content: Lorem ipsum dolor..... Verify that the tour is in the middle of the page (both vertical and horizontal). Verify that you can scroll to read all the lorem ipsum content normally. Verify that you can see the Next button. Click the Next button. Verify that you will see the step with the below content: Title: Content with large image Content: [image of the Pie chart of QA cycle] Verify that the tour is in the middle of the page (both vertical and horizontal). Verify that you can see the image normally. Verify that you can see the Next button. Click the Next button. Verify that you will see the step with the below content: Title:  HTML table Content: [HTML table] Verify that the tour is in the middle of the page (both vertical and horizontal). Verify that you can scroll to see the entire HTML table normally. Verify that you can see the End tour button.
    • 1
    • HQ Team International CIH2-219, HQ Team International CIH2-220

    Description

      Tour step cannot display correctly if the content contains an image larger than the screen.

      The user cannot see/click the Next or End tour buttons.

      Steps to replicate:

      1. Import the attached tour.
      2. Turn on the Web Developer tool.
      3. Set the viewport to something like 1366x768.
      4. Go to any course and reset the tour to display.
      5. Click Next until you see the image of the Pie Chart current QA cycle.
      6. The image is not fit inside the screen.
      7. User cannot see the Next/End tour buttons.

      Attachments

        Issue Links

          Activity

            People

              huongn@moodle.com Huong Nguyen
              huongn@moodle.com Huong Nguyen
              Ferran Recio Ferran Recio
              Shamim Rezaie Shamim Rezaie
              Angelia Dela Cruz Angelia Dela Cruz
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 days, 36 minutes
                  2d 36m

                  Clockify

                    Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.