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

AI: Image generation - Small screen display issue

XMLWordPrintable

    • MOODLE_405_STABLE
    • MOODLE_405_STABLE
    • main_MDL-83073
    • Hide

      Administration setting - Setup

      There is no need to configure the placement and providers, they just need to be enabled.

      1. Login as admin.
      2. Navigate to Site admin >> General >> AI >> Manage settings for AI providers{}
      3. Enable the OpenAI provider plugin.
      4. Navigate to Site admin >> General >> AI >> Manage settings for AI placements
      5. Enable the HTML Text Editor Placement plugin.

      Testing

      1. Login as admin.
      2. Edit your profile.
      3. Click on the AI button in the HTML text editor.
      4. Select AI generate image.
      5. Agree with the Policy (If any).
      6. Slowly reduce the web browser window width.
      7. Verify as the screen reduces width, none of the elements in the modal overlap with each other.
      8. Verify as the display breakpoints change, the content in the image generation modal displays correctly and there is no overlapping content.
      Show
      Administration setting - Setup There is no need to configure the placement and providers, they just need to be enabled. Login as admin. Navigate to Site admin >> General >> AI >> Manage settings for AI providers { } Enable the OpenAI provider plugin. Navigate to Site admin >> General >> AI >> Manage settings for AI placements Enable the HTML Text Editor Placement plugin. Testing Login as admin. Edit your profile. Click on the AI button in the HTML text editor. Select AI generate image. Agree with the Policy (If any). Slowly reduce the web browser window width. Verify as the screen reduces width, none of the elements in the modal overlap with each other. Verify as the display breakpoints change, the content in the image generation modal displays correctly and there is no overlapping content.
    • 1
    • Team Hedgehog 2024 Sprint 3.2, Team Hedgehog 2024 Sprint 3.3

      Identified in: MDL-82627

      On a small/low resolution display when generating an image in the text editor, the model does not display correct and there is overlapping content (see below).

      The area where the image is displayed, should snap under the controls in the model when on a small resolution display 

        1. 991-wide-margin.png
          991-wide-margin.png
          180 kB
        2. box-misalignment.png
          box-misalignment.png
          43 kB
        3. image-2024-09-10-15-51-50-320.png
          image-2024-09-10-15-51-50-320.png
          63 kB
        4. MDL-83073.png
          MDL-83073.png
          392 kB
        5. misaligned.png
          misaligned.png
          49 kB
        6. misalignment2.png
          misalignment2.png
          58 kB
        7. misalignment3.png
          misalignment3.png
          55 kB
        8. modal_large.png
          modal_large.png
          53 kB
        9. modal_medium.png
          modal_medium.png
          52 kB
        10. modal_small.png
          modal_small.png
          49 kB

            matt.porritt@moodle.com Matt Porritt
            matt.porritt@moodle.com Matt Porritt
            David Woloszyn David Woloszyn
            Shamim Rezaie Shamim Rezaie
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 33 minutes
                33m

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