cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
hdesha
Community Member

Button images constantly changing size

Jump to solution

I have a table on my Home page to display buttons.  They are the same size in edit mode (roughly, because they are manually resized).  When I leave edit mode, they change their sizes and look different every time I come back to the home page.   I've looked for and cannot find the html I need to prevent this from happening.  

The first pic is how it looks in edit mode.  For the other three, I simply clicked away from the home page and clicked back.  Each time it looked different.

What do I need to do?

Edit ModeEdit ModeExample 1Example 1Example 2Example 2Example 3Example 3

1 Solution

Accepted Solutions
chofer
Community Coach
Community Coach

Good afternoon, @hdesha ...

As a general rule, when I include images in content within a course, I make sure that I size them the way I want *before* I upload them into the course.  This way, I am not manipulating the size of the images once they have been inserted into course content.  If you are on a Windows machine, you can use something as simple as the Paint program (included with Windows) to modify your images outside of Canvas and then upload them into your Canvas course.  (I imagine there is something similar if you are on a Mac.)

I hope this will help a bit.  Sing out if you have any other questions...thanks!  Take care, stay safe, and be well.

View solution in original post

2 Replies
chofer
Community Coach
Community Coach

Good afternoon, @hdesha ...

As a general rule, when I include images in content within a course, I make sure that I size them the way I want *before* I upload them into the course.  This way, I am not manipulating the size of the images once they have been inserted into course content.  If you are on a Windows machine, you can use something as simple as the Paint program (included with Windows) to modify your images outside of Canvas and then upload them into your Canvas course.  (I imagine there is something similar if you are on a Mac.)

I hope this will help a bit.  Sing out if you have any other questions...thanks!  Take care, stay safe, and be well.

View solution in original post

hdesha
Community Member
Thank you, that led me to a workaround.
 
Rather than resizing with the mouse, in the NEW RCE (not the old, which I was using), there is an "image options" in edit mode when you click on an image.  I can resize it there by entering a value, and it seems to retain the sizing and not do the wonky size changes.
 
The only drawback to that is that if you expand or shrink your screen, those sizes stay resolute and do not adapt, so they look huge when you shrink the size of the screen, and tiny when you expand it.  But I'll take that over them all looking a different size!
 
I still think there must be a way to be able to just manually drag to resize it and have it keep that proportion, perhaps with HTML.  If anyone can help with that, let me know!
 
Thanks again!