Activity Feed
- Got a Like for Re: Buttons on Canvas Pages. 06-10-2021 01:37 PM
- Got a Like for Re: Buttons on Canvas Pages. 03-30-2021 03:33 PM
- Got a Like for Re: Is there a way to contact pre-conference session instructors?. 08-06-2020 01:59 AM
- Got a Like for Re: Is there a way to contact pre-conference session instructors? . 08-06-2020 01:59 AM
- Got a Like for Re: Using Code from the Style Guide. 08-06-2020 01:58 AM
- Got a Like for Re: Using Code from the Style Guide. 08-06-2020 01:58 AM
- Got a Like for Re: Tabs. 08-06-2020 01:58 AM
- Got a Like for Re: Tabs. 08-06-2020 01:58 AM
- Got a Like for Re: Tabs. 08-06-2020 01:58 AM
- Got a Like for Re: Tabs. 08-06-2020 01:58 AM
- Got a Like for Re: Buttons on Canvas Pages. 08-06-2020 01:58 AM
- Got a Like for Re: Buttons on Canvas Pages. 08-06-2020 01:58 AM
- Got a Like for Re: HTML Button toggle content. 08-06-2020 01:58 AM
- Got a Like for Re: Tabs. 04-24-2020 09:09 AM
- Got a Like for Re: Tabs. 12-06-2018 05:46 AM
- Got a Like for Re: Buttons on Canvas Pages. 10-26-2018 08:25 AM
- Got a Like for Re: Buttons on Canvas Pages. 05-29-2018 02:13 PM
- Got a Like for Re: Tabs. 11-16-2017 07:32 AM
- Got a Like for Re: Tabs. 11-13-2017 12:26 PM
- Got a Like for Re: Tabs. 10-18-2017 11:14 AM
My Posts
Post Details | Date Published | Views | Likes |
---|---|---|---|
Is there a way to contact pre-conference session instructors? I would like some additional information about one of the sessions. |
03-31-2016 |
887 |
4 |
04-08-2016
11:23 AM
2 Likes
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.
... View more
03-31-2016
02:54 PM
2 Likes
Thanks! I looked but I can't send him a message unless he's in my circle...other suggestions?
... View more
03-31-2016
10:02 AM
4 Likes
I would like some additional information about one of the sessions.
... View more
01-21-2016
09:54 AM
9 Likes
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>
... View more
06-23-2015
10:38 AM
4 Likes
One of the best sessions I attended! Thank you!
... View more
06-23-2015
09:58 AM
4 Likes
Yes, I will add it. I am still playing catch-up from InstructCon
... View more
06-23-2015
09:58 AM
4 Likes
Yes, I will add it. I'm just still playing catch-up on everything else from InstructCon
... View more
06-23-2015
09:26 AM
10 Likes
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>
... View more
06-23-2015
09:12 AM
7 Likes
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).
... View more
06-23-2015
09:09 AM
1 Like
I got the code from @RebeccaLindsay at Utah Valley University. I've used it in many courses, that's how I know it works.
... View more
06-23-2015
09:02 AM
12 Likes
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:
... View more
06-18-2015
01:57 PM
3 Likes
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!
... View more
06-18-2015
01:15 PM
24 Likes
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>
... View more