Difference between revisions of "Test/SupportBeeWidget"

(prefilled subject line)
m (Protected "Test/SupportBeeWidget" ([edit=sysop] (indefinite) [move=sysop] (indefinite)))
 
(6 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>Left sidebar</h4>
+
 
</div>
 
</div>
  
−
<div id="rightColumn">
 
−
 
−
<h2 id="ask">Ask Your Questions and Submit Comments Here!</h2>
 
−
<p>
 
−
Introductory text!
 
−
</p>
 
  
−
<br><br>
+
<h2>Native SupportBee widgets</h2>
  
 
<h4>Overlay Version</h4>
 
<h4>Overlay Version</h4>
  
−
<a data-controls-modal="sb-overlay" style="cursor: pointer;">Open the modal-overlay version of the SupportBee widget</a>
+
<!--<a data-controls-modal="sb-overlay" style="cursor: pointer;">Open the modal-overlay version of the SupportBee widget</a>-->
  
 
<h4>Embedded Iframe Version</h4>
 
<h4>Embedded Iframe Version</h4>
Line 71: Line 28:
 
<!--<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>-->
 
<!--<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>-->
  
−
<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>
+
<!--<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 84: Line 41:
 
</div>
 
</div>
  
 +
<!--
 
<script>
 
<script>
 
//<![CDATA[
 
//<![CDATA[
Line 100: Line 58:
 
});
 
});
 
</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