Skip to content

Instantly share code, notes, and snippets.

View bluemango's full-sized avatar

Greg DeVore bluemango

10 followers · 0 following
View GitHub Profile
@bluemango
bluemango / ScreenSteps Custom Template 2013.html
Created September 12, 2013 19:36
<!DOCTYPE html>
<html>
<head>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'>
<title>{{ page_title }}</title>
<meta name='description' content='{{ page_description }}'>
{{ javascripts }}
<!-- This stylesheet includes the full ScreenSteps CSS. It may conflict with your own styles. -->
<link rel="stylesheet" type="text/css" href="/stylesheets/screensteps-site.css">
@bluemango
bluemango / gist:5437086
Last active December 16, 2015 12:49
Hide Next/Previous labels
$(document).ready(function($) {
var prevLi;
var nextLi;
var prevLink;
var nextLink;
prevLi = $('.screensteps-next-prev-navigation li.previous')
nextLi = $('.screensteps-next-prev-navigation li.next')
prevLink = $('.screensteps-next-prev-navigation li.previous a').first()
nextLink = $('.screensteps-next-prev-navigation li.next a').first()
@bluemango
bluemango / gist:4985549
Last active December 13, 2015 22:38
Zendesk Forum/ScreenSteps Live search that defaults to forum search.
var home_search = jQuery("#suggestion_submit");
if (home_search) {
var search_url = "http://help.bluemangolearning.com/searches";
jQuery("#search_box").text("Search");
home_search.val("Search Forums");
var html_string = '<input type="submit" name="commit" value="Search Docs" class="button search" id="screensteps-search-submit"/>';
home_search.after(html_string);
jQuery("#screensteps-search-submit").click(function(e){
var search_string = jQuery("#suggestions_query").val();
var query_string = jQuery("#suggestions_query").val().replace(/\s/g,"+");
@bluemango
bluemango / gist:4589419
Last active December 11, 2015 10:48
ScreenStepsLive Ruby Wrapper example
# this will only give you the id of the space, not its contents
s = ScreenStepsLiveAPI::Space.find(:first)
# now load the contents
s.reload
# load the first manual
@bluemango
bluemango / gist:4177246
Last active April 11, 2017 19:15
Zendesk/Desk.com ScreenSteps CSS
/* ScreenSteps Article CSS */
div.screensteps-document h2, div.screensteps-document h3 { margin: .83em 0; }
div.screensteps-document .image img {
padding: 5px 0px;
display: block;
max-width: 100%;
height: auto;
}
@bluemango
bluemango / gist:4089182
Created November 16, 2012 17:23
ScreenSteps Live Custom Template that matches the default template
<!DOCTYPE html>
<html>
<head>
<title>{{ page_title }}</title>
<meta content='width=1000px' name='viewport' />
<meta name='keywords' />
<meta content='{{ page_description }}' name='description' />
{{ javascripts }}
@bluemango
bluemango / gist:4080493
Created November 15, 2012 19:01
ScreenSteps Live: Zendesk Custom Template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>{{ page_title }}</title>
{{ rss }}
{{ javascripts }}
{{ stylesheets }}
<link href="//assets.zendesk.com/assets/screen.css" media="all" rel="stylesheet" type="text/css" />
@bluemango
bluemango / gist:3308380
Last active October 8, 2015 08:48
ScreenSteps Live Salesforce Home Page Component
<script type="text/javascript">
var screenStepsLivePage = 'enter-url-here';
/*e.g. https://screenstepslive.na3.visual.force.com/apex/ScreenStepsLive_Home*/
</script>
<div id="ScreenStepsLiveHC">
<div id="ScreenStepsLiveHCLessons"></div>
<p id="ScreenStepsLiveHCShowAllContainer" style="display: none;"><a href="#" id="ScreenStepsLiveHCShowAllLessons">View More</a></p>
<h2 id="ScreenStepsLiveHCSearch">Search Tutorials</h2>
<div id="ScreenStepsLiveHCSearchBox">
<form name="srch_solution_sbar" id="ScreenStepsLiveHCSearch-form">
@bluemango
bluemango / gist:3189871
Created July 27, 2012 19:09
ScreenSteps Live CSS for Desk.com
div#screensteps-document h2, div.screensteps-document h2, #support-main div.screensteps-document h3 { margin: .83em 0; }
div#screensteps-document .image img, div.screensteps-document .image img {
padding: 5px 5px 5px 5px;
display: block;
}
div#screensteps-document div.step, div.screensteps-document div.step { clear:both; }
div#screensteps-document .image, div.screensteps-document .image {
@bluemango
bluemango / gist:2558770
Created April 30, 2012 14:25
Insert Sharing HTML
$(document).ready(function() {
if ($('#screensteps-document').length > 0) {
var add_this = $('#add-this-container');
add_this.insertAfter($('#screensteps-breadcrumb'));
add_this.removeClass('hide');
$('#screensteps-steps div.screensteps-next-prev-navigation').before(add_this.html());
}
if ($('#screensteps-content-wrapper.manual-toc').length > 0) {
var add_this = $('#add-this-container');
$('#screensteps-inner-content').append(add_this);