About awebster

awebster · ‎04-08-2016

Deactivated user - in your InstructureCon pre-conference session about LTI's, would you recommend attendees have knowledge in any specific coding language prior to attending? Thanks in advance.

awebster · ‎03-31-2016

Thanks! I looked but I can't send him a message unless he's in my circle...other suggestions?

awebster · ‎03-31-2016

I would like some additional information about one of the sessions.

awebster · ‎01-29-2016

Added.

awebster · ‎01-21-2016

I needed the same thing you asked for above. This code is based on @JeremyPerkins, but I was able to keep the toggle button. Hope this helps! <h4><span class="element_toggler btn btn-primary" role="button" aria-controls="group_2" aria-label="Toggler toggle list visibility" aria-expanded="false"> Click here for the video transcript.</span></h4> <div id="group_2" class="content-box" style="display: none;"> <h4><strong>Video Transcript</strong></h4> <p>blah blah</p> </div> <h4><span class="element_toggler btn btn-primary" role="button" aria-controls="group_3" aria-label="Toggler toggle list visibility" aria-expanded="false"> Click here for the video transcript.</span></h4> <div id="group_3" class="content-box" style="display: none;"> <h4><strong>Video Transcript</strong></h4> <p>blah blah</p> </div>

awebster · ‎06-23-2015

Done.

awebster · ‎06-23-2015

One of the best sessions I attended! Thank you!

awebster · ‎06-23-2015

Yes, I will add it. I am still playing catch-up from InstructCon

awebster · ‎06-23-2015

Yes, I will add it. I'm just still playing catch-up on everything else from InstructCon

awebster · ‎06-23-2015

For what it's worth, here's what I have just in case you want a little more. The following codes will allow you to add custom buttons to your pages. To add a button: First add the text of your button (for example: Course Home Page). Add your link to the text using the 'Insert Content into the Page (Links to an external site.)' tool. Use the HTML Editor link to switch to HTML view. Find the <a tag and add the code highlighted in yellow (depending on which type of button you want). Example Buttons: This is what the code looks like after I add the text and link: <a title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page">Plain Button</a></p> This is what the code looks like after I add the HTML code for the button: <a class="btn" title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page" data-api-endpoint="https://weber.instructure.com/api/v1/courses/346426/pages/front-page" data-api-returntype="Page">Plain Button</a></p> This is what the code looks like after I add the text and the link: <p><a title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page">Primary Button</a></p> This is what the code looks like after I add the HTML code for the button: <p><a class="btn btn-primary" title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page" data-api-endpoint="https://weber.instructure.com/api/v1/courses/346426/pages/front-page" data-api-returntype="Page">Primary Button</a></p> This is what the code looks like after I add the text and the link: <p><a title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page">Info Button</a></p> This is what the code looks like after I add the HTML code for the button: <p><a class="btn btn-info" title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page" data-api-endpoint="https://weber.instructure.com/api/v1/courses/346426/pages/front-page" data-api-returntype="Page">Info Button</a></p> This is what the code looks like after I add the text and the link: <p><a title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page">Success Button</a></p> This is what the code looks like after I add the HTML code for the button: <p><a class="btn btn-success" title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page" data-api-endpoint="https://weber.instructure.com/api/v1/courses/346426/pages/front-page" data-api-returntype="Page">Success Button</a></p> This is what the code looks like after I add the text and the link: <p><a title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page">Warning Button</a></p> This is what the code looks like after I add the HTML code for the button: <p><a class="btn btn-warning" title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page" data-api-endpoint="https://weber.instructure.com/api/v1/courses/346426/pages/front-page" data-api-returntype="Page">Warning Button</a></p> This is what the code looks like after I add the text and the link: <p><a title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page">Inverse Button</a></p> This is what the code looks like after I add the HTML code for the button: <p><a class="btn btn-inverse" title="Front Page" href="https://community.canvaslms.com/courses/346426/pages/front-page" data-api-endpoint="https://weber.instructure.com/api/v1/courses/346426/pages/front-page" data-api-returntype="Page">Inverse Button</a></p>

awebster · ‎06-23-2015

There is a Canvas Hacks classroom where a few of us are sharing code like this. If you want to be added, I can do that. Let me know (I'll need your email address).

awebster · ‎06-23-2015

I got the code from @RebeccaLindsay at Utah Valley University. I've used it in many courses, that's how I know it works.

awebster · ‎06-23-2015

Maybe this would help? Here's some code you can use on the page itself (without doing anything to the global javascript) with the HTML editor. Note: There is an issue with the sizing of accordion tabs using this code. The sizing of each content tab will default to the largest content tab. If anyone has a fix to this I would love to see it! See picture below code. Code: <div class="enhanceable_content accordion"> <h3><a href="#">TYPE TITLE TO FIRST ACCORDION TAB</a></h3> <div> <p>TYPE CONTENT FOR FIRST ACCORDION TAB</p> </div> <h3><a href="#">TYPE TITLE TO SECOND ACCORDION TAB</a></h3> <div> <p>TYPE CONTENT FOR SECOND ACCORDION TAB</p> </div> <h3><a href="#">TYPE TITLE FOR THIRD ACCORDION TAB</a></h3> <div> <p>TYPE CONTENT FOR THIRD ACCORDION TAB</p> </div> </div> Sizing Example:

awebster · ‎06-18-2015

Ya, the DIV tag is defined somewhere in the Canvas CSS (I don't have a full understanding of how that all works but I'm going to have my admin give me a lesson). I just know the code works!

awebster · ‎06-18-2015

Maybe this is what you are looking for?? Here is some HTML code that would allow you to do the tabs in the individual pages. You have to have a decent (more than beginner, but not totally advanced) knowledge of HTML to work with this code though because I've found editing it in the page view doesn't work quite so well. If you edit the content in the HTML view within the opening and closing tags then it works pretty slick. <div class="enhanceable_content tabs"> <ul> <li><a href="#fragment-1">PUT TITLE FOR TAB HERE</a></li> <li><a href="#fragment-2">PUT TITLE FOR TAB HERE</a></li> <li><a href="#fragment-3">PUT TITLE FOR TAB HERE</a></li> </ul> <div id="fragment-1">PUT THE CONTENT FOR THE FIRST TAB HERE</div> <div id="fragment-2">PUT THE CONTENT FOR THE SECOND TAB HERE.</div> <div id="fragment-3">PUT THE CONTENT FOR THE THIRD TAB HERE</div> </div>

Posts	16
Solutions	2
Likes given	28
Likes received	94
Member Since	‎04-23-2015

Re: Is there a way to contact pre-conference sessi...

Re: Is there a way to contact pre-conference sessi...

Is there a way to contact pre-conference session i...

Re: Tabs

Re: HTML Button toggle content

Re: Buttons on Canvas Pages

Re: From Blah to Aha! Canvas Headers with Impact

Re: Tabs

Re: Using Code from the Style Guide

Re: Buttons on Canvas Pages

Re: Tabs

Re: Tabs

Re: Using Code from the Style Guide

Re: Tabs

Re: Tabs

Higher Ed Canvas Users

You're signed out