Difference between revisions of "Test/SupportBeeWidget"

(added in the support bee contact widget)
m (Protected "Test/SupportBeeWidget" ([edit=sysop] (indefinite) [move=sysop] (indefinite)))
 
(20 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
<style type="text/css">
 
<style type="text/css">
  
−
#kcontainer1 {
+
</style>
−
border: 1px solid #ccc;
+
−
border-radius: 5px;
+
−
background-color: #f2f2f2;
+
−
margin-right: 5px;
+
−
padding: 5px;
+
−
width: 65%;
+
−
display: inline-block;
+
−
vertical-align: top;
+
−
}
+
  
−
#kcontainer1 h2 {
+
<div id="fullWidth">
−
text-align: center;
+
−
}
+
  
−
#kcontainer1 > ul {
 
−
list-style: disc;
 
−
}
 
  
−
#kcontainer1 > ul > li {
+
<h2>Test Custom Form</h2>
−
margin-bottom: 0.7em;
+
−
}
+
  
−
#happy-fun-safety-persona {
+
<div style="border: 1px solid green; padding: 5px; margin: 5px;">
−
border: 1px dotted #96d359;
+
Currently having difficulty with CORS w/r/t SupportBee's API. Probably doing something wrong. Need to learn more.
−
border-radius: 5px;
+
−
padding: 5px;
+
−
width: 30%;
+
−
display: inline-block;
+
−
vertical-align: top;
+
−
}
+
−
 
+
−
#happy-fun-safety-persona p {
+
−
font-size: 12px;
+
−
}
+
−
 
+
−
#traci-appa {
+
−
width: 90px;
+
−
float: right;
+
−
margin-left: 5px;
+
−
}
+
−
</style>
+
−
 
+
−
 
+
−
<div id="leftColumn">
+
−
<h4><a href= "https://2015.igem.org/Troubleshooting">Troubleshooting</a></h4>
+
−
<ul>
+
−
<a href= "https://2015.igem.org/Troubleshooting#intro"> <li>Introduction</li></a>
+
−
<a href= "https://2015.igem.org/Troubleshooting#tips"> <li>General Tips and Tricks</li></a>
+
−
<ol><a href= "https://2015.igem.org/Troubleshooting/Transformation"> <li>Transformation</li></a>
+
−
<a href="https://2015.igem.org/Troubleshooting/Restriction_Digest_and_Ligation"> <li>Restriction Digest and Ligation</li></ol>
+
−
<a href= "https://2015.igem.org/Troubleshooting#protocols"> <li>iGEM Protocols</li></a>
+
−
<a href= "https://2015.igem.org/Troubleshooting#answer"> <li>Answers</li></a>
+
−
<a href= "https://2015.igem.org/Troubleshooting#ask"> <li>Ask Your Questions</li></a>
+
−
</ul>
+
 
</div>
 
</div>
  
−
<div id="rightColumn">
 
  
 +
<h2>Native SupportBee widgets</h2>
  
 +
<h4>Overlay Version</h4>
  
 +
<!--<a data-controls-modal="sb-overlay" style="cursor: pointer;">Open the modal-overlay version of the SupportBee widget</a>-->
  
−
<div id="kcontainer1">
+
<h4>Embedded Iframe Version</h4>
−
<h3>Learn about cloning troubleshooting here!</h3>
+
  
−
<ul>
+
<!--This is how you do parameters in the iframe version-->
−
<li>Read about <a href="#tips">General Tips and Tricks</a> with a focus on <a href="https://2015.igem.org/Troubleshooting/Transformation">Transformations</a>, <a href="https://2015.igem.org/Troubleshooting/Restriction">Restriction Digests</a>, and <a href="https://2015.igem.org/Troubleshooting/Ligation">Ligations</a></li>
+
<!--<iframe src="https://igem.supportbee.com/web_tickets/new?company=igem&embed=true&locale=en&captcha=true&ticket[forwarding_address_id]=8799&ticket[requester_name]=Cheesy%20Poofs&ticket[requester_email]=cheesy@poofs.com&ticket[subject]=Insufficient%20Cheese" style="width:500px; height: 500px; border:none"></iframe>-->
−
<li>Have a cloning problem? <a href="#ask">Ask a question!</a></li>
+
−
        <li>See the <a href="#answers">Answers to Your Questions</a> (which will be updated throughout the iGEM season!) </li>
+
−
        <li>While we want teams to use this resource, also make sure that you talk to your local resources as well - ask your instructors and more experienced students around you!</li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
<div id="happy-fun-safety-persona">
+
−
<a href="https://2014.igem.org/File:Traci_Haddock_BU14.jpg"><img id="traci-appa" src="https://static.igem.org/mediawiki/2014/9/99/Traci_Haddock_BU14.jpg"></a>
+
−
<p style="font-size: 15px; font-weight: bold; color: #337f53;">Welcome to the Troubleshooting page!</p>
+
−
<p>My name is Traci, and I'm here to help you with your cloning problems.</p>
+
−
<p style="clear: both;">You can contact me by email at <i>traci AT igem DOT org</i>, on Reddit <a href="http://www.reddit.com/user/Traci_at_iGEM/">Traci_at_iGEM</a>, or on Twitter <a href="https://twitter.com/Traci_Haddock">@Traci_Haddock</a> <br/></p>
+
−
</div>
+
−
 
+
−
<br>
+
−
<h2 id="ask">Ask Your Questions and Submit Comments Here!</h2>
+
−
<p>
+
−
text
+
−
</p>
+
−
 
+
−
<br><br>
+
  
−
<a data-controls-modal="sb-overlay">Contact Us</a>
+
<!--<iframe src="https://igem.supportbee.com/web_tickets/new?company=igem&embed=true&locale=en&captcha=true&ticket[forwarding_address_id]=8799&ticket[subject]=[Troubleshooting]%20Type%20your%20question%20here" style="width:500px; height: 700px; border: 1px solid #ccc;">Fallback content</iframe>-->
  
 
<div class="clear"></div><div class="clear"></div>
 
<div class="clear"></div><div class="clear"></div>
Line 106: Line 41:
 
</div>
 
</div>
  
 +
<!--
 
<script>
 
<script>
 
//<![CDATA[
 
//<![CDATA[
Line 118: Line 54:
 
locale: 'en',
 
locale: 'en',
 
captcha: 'true',
 
captcha: 'true',
−
forwarding_address_id: '8799'
+
forwarding_address_id: '8799',
 +
subject: "[Troubleshooting] Type your question here"
 
});
 
});
 
</script>
 
</script>
 +
-->
 +
 +
<script type="text/javascript" src="http://k.igem.org/common/sb.js"></script>
  
 
</html>
 
</html>

Latest revision as of 15:28, 18 June 2015

Test Custom Form

Currently having difficulty with CORS w/r/t SupportBee's API. Probably doing something wrong. Need to learn more.

Native SupportBee widgets

Overlay Version

Embedded Iframe Version