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

User tour doesn't display the image and table correctly

XMLWordPrintable

    • 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

      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.

            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

              Created:
              Updated:
              Resolved:

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

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