I've added an icon to a button and it's not centered. I would like to be able to center it or make it smaller. I've tried adding some html to affect the height and width. I've managed to change the color of the icon, but that's it. This is my code at the moment:
https://virginia.atomiclms.com/courses/1/pages/1-dot-1-experiential-learning-definitions?module_item_id=205" target="" data-api-endpoint="https://virginia.atomiclms.com/api/v1/courses/1/pages/1-dot-1-experiential-learning-definitions" data-api-returntype="Page">Back to Lesson
Hi @HeideeVincent ...
Instead of trying to make things look the way you want with HTML code, what about creating a simple image that you can just re-use over and over again in your course as you see fit? For example, I created this image in about 2 minutes using the Paint program on my Windows laptop:
Then, I can just create a link on this image to wherever I want in my course (being sure to also add "Alt" text for screen readers, of course). This gives you a bit more creativity in creating a cool looking button for your course...using color, shapes, etc.
How do I create hyperlinks to course or group cont... - Instructure Community (canvaslms.com) -- use the procedure in this Guide to create links on images, too.
The suggestion from @StephenBryant01 may be ok, but tables are not as accessible and are typically used to hold data. So, you might want to consider something other than that.
Just a thought...for what it's worth. Hope to hear back from you soon.
You can add style="vertical-align: bottom;" to your icon to line it up. Your updated code would now be:
https://tds.instructure.com/courses/229/files/5781/preview" alt="Donkeys together in the field" data-api-endpoint="https://tds.instructure.com/api/v1/courses/229/files/5781" data-api-returntype="File" />
https://virginia.atomiclms.com/courses/1/pages/1-dot-1-experiential-learning-definitions?module_item..." target="" data-api-endpoint="https://virginia.atomiclms.com/api/v1/courses/1/pages/1-dot-1-experiential-learning-definitions" data-api-returntype="Page"> Back to Lesson
I am trying to download a single submission that has been annotated by a grader using the API. Does anyone know how to do this? I am using Python using the canvasapi and requests libraries to query the preview_url in the submission attachments. import requests from urllib.parse import urljoin preview_url =…
Is there a trick to importing a rubric when using the Canvas rubric template? I download the csv file and fill in the Canvas Rubric template from the Enhanced Grading feature and nothing happens when I try to upload it. It only shows the file name, but not it's size. Yes, it is still a CSV. I've tried removing all symbols…
With the new SpeedGrader UI, we are seeing student names appear in the page title even when the “Hide student names” setting is enabled. When using Classic Quizzes, there is no option within the quiz settings to enable anonymous grading, so we rely on instructors using the hide student names setting in SpeedGrader to…
Speedgrader chaning file name when being downloaded. Speedgrader: When downloading a submitted assignment, the file name is being changed to an unrecognizable name — (Student's actual name was part of the file name — changed for privacy.) Ideas???
We are all familiar with the standard Course Calendar, where assignment due dates are automatically added. However, at my institution, we structure our assignments as Challenges that develop over a period of time, rather than just a single deadline. Currently, the calendar only highlights the "end point." It would be a…
