Zoom Logo

Canvas Tricks and Treats: Page Design with buttons and text boxes - Shared screen with speaker view
Sara Beck
17:38
hello!
Maha Gebara
17:43
Hell
mcoull
17:54
hi
Maha Gebara
17:57
Hello
David Detwiler
18:14
Hello all!
marissadickison
18:29
Hi Everyone!
Karen Turpin
18:38
Welcome everyone
Maha Gebara
20:39
What's the link to get the button code
Karen Turpin
20:56
She is going to show the code now
Maha Gebara
26:02
Thanks
Sara Beck
27:15
Very cool!
Zakia Farouq
27:52
This is awesome
Karen Turpin
29:07
class="Button"
Karen Turpin
30:59
class="icon-forward Button"
Karen Turpin
31:34
class="icon-star Button Button--primary"
Nadia Khan ( she/her)
32:39
https://youtu.be/byVmhpmRJco
Sara Beck
32:45
Thank you!
Olga Fryszman
33:15
is the process the same for external links such as to MiraCosta webpages?
Karen Turpin
33:38
https://miracosta.instructure.com/styleguide
Karen Turpin
33:53
Yes, Olga. Any links from Canvas.
Karen Turpin
34:17
Just posted the style guide from Canvas: https://miracosta.instructure.com/styleguideLots of button choices.
Maha Gebara
37:55
Cool
Sara Beck
38:08
Such a simple thing to do, but I'd never heard of this - very fun!
Karen Turpin
38:43
Definitely fun Sara. This can make your course look very custom.
Olga Fryszman
40:46
where exactly do we find the Canvas buttons?
Karen Turpin
41:16
Olga, you have to go to the HTML view and add code.
Nadia Khan ( she/her)
41:20
https://calendly.com/nkhan-mcc/30min
Olga Fryszman
42:06
Thank you Nadia and Karen - I had missed the earlier link!
Nadia Khan ( she/her)
44:07
<div style="margin: 20px 20% 20px 20%; border: 5px solid #000000; padding: 5px 10px 5px 10px;"><p>Text goes here</p></div>
Karen Turpin
44:39
Here is the URL to the course: https://miracosta.instructure.com/courses/30317/pages/challenge-02-text-boxes
Nadia Khan ( she/her)
44:56
<div style="top: -20px; left: -20px; padding: 20px; background: #ddeedd; border: 4px solid #cccccc;">Content Here!</div>
Nadia Khan ( she/her)
45:13
text box w colored background
Sara Beck
45:43
I have to run - thank you Nadia and Karen!
Maha Gebara
47:17
Nice
Nadia Khan ( she/her)
48:26
Shadowed text box: <div style="margin: 50px 15% 50px 15%; background-color: #ffe4c4;"><div style="position: relative; top: -20px; left: -20px; padding: 20px; background: #ffffff; border: 2px solid #cccccc;"><p>Text here.</p></div></div>
Maha Gebara
50:06
Can you post the Double lined text box link
Karen Turpin
50:21
<div style="margin: 20px 20% 20px 20%; border: double 5px; border-color: #106ffe; padding: 5px 10px 5px 10px;"><p>Text goes here</p></div>
Anna Alessi
50:21
This is awesome! Thanks so much. :)
Maha Gebara
50:31
Thanks
Karen Turpin
50:41
https://miracosta.instructure.com/courses/30317/pages/challenge-02-text-boxes
Nadia Khan ( she/her)
52:08
https://miracosta.instructure.com/courses/19220/pages/c-dot-8-call-out-boxes-for-quotes-and-optional-resources
Dr. Yvette Duncan (she, her, hers
52:10
Thanks!
Rich Dicker-Medical Assisting
53:16
Thank you!