Recent Searches

No recent searches

    Popular Articles

      Articles
      View all
        Topics
        View all
          Tickets
          View all
            no results

            Sorry! nothing found for

            Home › Knowledge Base › Teacher › Course Management › Image selector - Teacher guide

            Image selector - Teacher guide

            TABLE OF CONTENTS

            1 Overview

            The image selector dialogue allows you to upload, crop, and select images for use throughout the platform. You can upload new images, reuse previously saved images, or choose from pre-defined illustrations. Images selected through this dialogue appear on course cards and other platform elements.

            This is separate from your personal profile picture, which is managed through Your settings > Edit profile.

            Prerequisite: To access the image selector as a teacher, the "create courses" permission must be enabled for your profile by a system administrator. Alternatively, you can upload an image through the course settings page and tick the checkbox to save it for later reuse.

            2 Where the Image Selector Appears

            The image selector dialogue is currently available when you:

            • Create a new course
            • Access course properties and features

            Note: The image selector dialogue will be expanded to additional areas of the platform in future updates.

            3 Using the Image Selector

            The image selector dialogue has three tabs: Upload image, Your images, and Illustrations.

            3.1 Uploading a New Image

            Upload and crop a new image for immediate use.

            Supported file formats: JPEG (.jpeg, .jpg) and PNG (.png). Maximum file size: 5 MB.

            1. In the image selector dialogue, the Upload image tab is selected by default.
            2. Add an image using one of these methods:
              • Drag and drop an image file from your computer into the upload area.
              • Click Add image to browse and select a file from your computer.
            3. After uploading, adjust the image as needed:
              • Click Crop image to reframe the image.
              • Click Change image to upload a different image.
            4. To save this image for future reuse, tick the checkbox labelled Save the image in Your images for simple reuse in future.
            5. (Optional) Enter an Image description. This text is used by screen readers to describe the image for users who cannot see it. Aim to be concise and descriptive.
            6. Click Use this image to apply the image, or click Cancel to discard the image and return to the course properties page.

            3.2 Using Your Saved Images

            Select from images you have previously saved for reuse.

            1. In the image selector dialogue, click the Your images tab.
            2. Browse your collection of saved images.
            3. Click on any image to select it.
            4. Click Continue. A preview and crop popup will appear.
            5. Click Crop and use to apply the selected image.

            3.3 Selecting Illustrations

            Choose from pre-defined illustrations provided by itslearning.

            Admin setting: Your site administrator controls whether all illustrations are available. If illustrations are missing from the tab, the K-12 illustrations have been disabled for your site.

            1. In the image selector dialogue, click the Illustrations tab. The image below shows all illustrations with K-12 enabled.
            2. Browse the available illustrations.
            3. Click on any illustration to select it.
            4. Click Use this image to apply the selected illustration.

            If K-12 illustrations are not enabled, the following illustrations are available:

            4 Managing Your Saved Images

            Access and manage your collection of saved images through your personal menu.

            1. Click the circular picture in the upper-right corner to open the personal menu.
            2. Select Your images from the menu.
            3. On the Your imagespage, you can:
              • Upload new images by clicking the green Upload button.
              • Delete images by selecting them and clicking Delete.
              • Update image descriptions by clicking the three-dot menu next to an image.

            Information displayed for each image:

            • Thumbnail preview
            • File identifier
            • Upload date

            Note: Deleting an image from your collection does not remove it from places where it is already in use, such as existing course cards.

            5 Troubleshooting

            Missing Illustrations

            Symptoms: The Illustrations tab appears to be missing images.

            Cause: Your system administrator has disabled K-12 illustrations for your site.

            Solution:

            1. Verify you are looking in the correct image selector dialogue, not the profile picture modal.
            2. Contact your system administrator to request that K-12 illustrations be enabled.
            3. Use the Upload image or Your images tabs as alternatives.

            Prevention: Check with your administrator about available image options before planning to use illustrations.

            Image Upload Fails in Selector Dialogue

            Symptoms: When trying to upload an image, you receive an error message or the upload does not complete.

            Cause: The file format is not supported, the file size exceeds the limit, or there is a network connection issue.

            Solution:

            1. Verify your image is in JPEG (.jpeg, .jpg) or PNG (.png) format.
            2. Check the file size and reduce it if necessary using image editing software. The maximum file size is 5 MB.
            3. Verify your internet connection is stable.
            4. Refresh the page and try uploading again.
            5. Try a different image file to determine whether the issue is file-specific.
            6. If the problem persists, contact technical support.

            Prevention: Use supported file formats and keep the file size under 5 MB.

            Deleted Image Still Appears in Use

            Symptoms: After deleting an image from Your images, it still appears on course cards or other locations where it was previously applied.

            Cause: Deleting an image from your collection does not remove it from places where it is already in use. This is expected behaviour.

            Solution:

            1. Navigate to each location where the image is in use, for example course properties.
            2. Manually replace the image with a different one.
            3. The previous image will remain in place until you actively replace it.

            Prevention: Your images is a library for reuse. Removing an image from the library does not affect existing uses.

            Profile pictures and avatars – System administrator guide

            More Help Resources

            Have more questions? Please start with asking your school administrator.

            Product Release notes

            Stay updated with itslearning latest releases: https://itslearning.com/product-updates 

            Service Status

            Check the current status of itslearning services: https://status.itslearning.com/ 

            Ideas Portal

            Share your ideas and help shape the future of itslearning: https://ideas.itslearning.com/ 

            Roadmap

            Check out our roadmap: https://itslearning.com/global/roadmap/ 

            The features shown are part of the project within the framework of the German Development Project (GDP), a cooperation between four German states and itslearning with the aim of improving digital education in Germany through tailor-made product developments.

            Click here to learn more about the GDP roadmap and what other features you can expect.

            For German readers: Click here for more information about the project within the framework of the German Development Project.