Skip to content

Instantly share code, notes, and snippets.

JetSloth jetsloth

Block or report user

Report or block jetsloth

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View Posts_in_notifications.php
//////////////////////////////////////////////////////////////////
// Latest Posts in Gravity Forms email notifications - https://jetsloth.com/labs/how-to-add-post-articles-to-your-gravity-forms-email-notifications/
//////////////////////////////////////////////////////////////////
function custom_email_latest_posts_shortcode( $atts, $content = null ) {
$content = do_shortcode( shortcode_unautop( $content ) );
if ( '</p>' == substr( $content, 0, 4 )
&& '<p>' == substr( $content, strlen( $content ) - 3 ) )
$content = substr( $content, 4, strlen( $content ) - 7 );
$output = '';
@jetsloth
jetsloth / shadow-box-1-gf-image-choices.css
Last active Jul 6, 2019
Gravity Forms Image Choices - Shadow Box Style 1
View shadow-box-1-gf-image-choices.css
.image-choices-field {
display: block;
max-width: 100%;
width: 100%;
}
.image-choices-field .gfield_label {
font-size: 2em;
margin-bottom: 1em;
display: block;
text-align: center;
@jetsloth
jetsloth / circle-style-1-gf-image-choices.css
Last active Jul 6, 2019
Gravity Forms Image Choices - Circle Style 1
View circle-style-1-gf-image-choices.css
.image-choices-field {
max-width: 100%;
width: 100%;
}
.image-choices-field,
.gform_wrapper .gfield.image-choices-field {
margin-right: -3%;
}
.image-choices-field .image-choices-choice,
.gform_wrapper .gfield.image-choices-field li.image-choices-choice {
@jetsloth
jetsloth / polaroid-style-1-gf-image-choices.css
Last active Jul 6, 2019
Gravity Forms Image Choices - Polaroid Style 1
View polaroid-style-1-gf-image-choices.css
.image-choices-field {
max-width: 100%;
margin-right: -3%;
}
.image-choices-field .image-choices-choice,
.gform_wrapper .gfield.image-choices-field li.image-choices-choice {
display: inline-block;
position: relative;
padding: 13px !important;
overflow: visible;
View gfcp_bg
<div class="update-preview gfcp_bg">
<h2>My heaidng inside my banner</h2>
</div>
View Color Picker Event Listener
jQuery('body').on('gf-color-picker:picked', function(e, hex, ref){
// do whatever you want here.
// hex will be... hex
// ref will be the formID_fieldID string
});
View Slide-out-gravity-forms.css
/*/////////////////////////////////Slide-out-gravity-forms.css/////////////////////////////////*/
/* Full article here https://jetsloth.com/gravity-forms/create-a-slide-out-gravity-forms-widget/ */
.gfq-oc-wrap {
z-index: 9999999;
position: fixed;
bottom: 0px;
right: 0px;
height: 100%;
}
.gfq-oc-wrap .gfq-badge {
@jetsloth
jetsloth / widget.html
Created Feb 2, 2019
Widget Contact Form - HTML
View widget.html
<div class="gfq-wrap">
<div class="gfq-panel">
<!--Change to the form ID of your form below-->
<!--[gravityform id="66" title="false" description="false" ajax="true"]-->
</div>
<div class="gfq-badge">
<img src="https://jetsloth.com/wp-content/uploads/2019/02/mail-1.svg" alt="Icon"/>
</div>
</div>
@jetsloth
jetsloth / widget.css
Created Feb 2, 2019
Widget Contact Form - CSS
View widget.css
.gfq-wrap {
z-index: 9999999;
position: fixed;
bottom: 40px;
right: 40px;
}
.gfq-badge {
background: #71C28E; /*Change this colour to change the circle*/
width: 60px;
height: 60px;
@jetsloth
jetsloth / widget.js
Created Feb 2, 2019
Widget Contact Form - Javascript
View widget.js
<script type="text/javascript">
jQuery(document).ready(function( $ ){
$('.gfq-badge').click(function() {
$('.gfq-panel').toggleClass('panel-active');
});
});
</script>
You can’t perform that action at this time.