Create a Button Inside a Canvas Page

jnassif
Community Member
6
6690

I came up with this idea of a website that will help my canvas users to Create Simple Buttons. I also wanted to integrate it somehow with canvas. I was able to build the site and then I used the IFrame function to pin it to my canvas page. Here is what I came up with

Click here

if you are interested in using this into your canvas page simply follow these instructions:

1. create a new page

2. Make sure you're on the HTML Editor section

3. Place this code in your empty canvas page:         

<p><iframe src="https://buttonmaker.000webhostapp.com/" width="100%" height="600"></iframe></p>

Hope some of you find this helpful!

John Nassif

jnassif@llu.edu

email me for more info and website source code.

6 Comments
Stef_retired
Instructure Alumni
Instructure Alumni

This is a great blog post,  @jnassif ‌, and a very helpful resource indeed! Because its content is associated with page design rather than analytics, I've moved it from the https://community.canvaslms.com/community/ideas/analytics?sr=search&searchId=c77b25f3-7d1e-411c-941a... space and into the https://community.canvaslms.com/groups/designers?sr=search&searchId=76328107-dcf3-468e-baf0-6dcfdecf... group. From there, I'm sharing it out to https://community.canvaslms.com/groups/k12?sr=search&searchId=d3fddd38-7d11-42f7-ac28-a89a906f5863&s... whose users often need a way to create buttons on a page quickly. 

If you're not currently a member of the https://community.canvaslms.com/groups/designers?sr=search&searchId=76328107-dcf3-468e-baf0-6dcfdecf...‌ group, I encourage you to join by clicking on the link to the group and selecting Join Group from the Actions dropdown that appears at the upper right of the page. Once you've joined the group, you can create blog posts in that group, and share them out to any other group of which you're a member.

Thanks for sharing this idea! 

jami_martin
Community Explorer

Thanks for sharing  @jnassif ! This is exactly what one of our teachers has been looking for, and I'm sure more will want to use it as we move to Canvas in the fall.

jnassif
Community Member

Update!

Previous issue: all buttons downloaded had the same file name which made it confusing to distinguish between them.

Update: the button text is now included in the file name. so each button you create will have a n unique name. 

Blessings!

John Nassif

jnassif@llu.edu

lalesi
Community Novice

Thanks for sharing.  i was directing my staff to go to a Da Button Factory: website button maker.   You're seems simpler for them to do

Linda

jnassif
Community Member

This application is untlizing Da Button Factory LTI functionality.

cohenf
Community Participant

How come the how-to for "button" is no longer on your website, Canvas HTML Editor ?