Skip to content

Instantly share code, notes, and snippets.

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 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 gfcp_bg
<div class="update-preview gfcp_bg">
<h2>My heaidng inside my banner</h2>
</div>
View Latest Posts in Gravity Forms email notifications
//////////////////////////////////////////////////////////////////
// Latest Posts in Gravity Forms email notifications - jetsloth.com
//////////////////////////////////////////////////////////////////
function custom_email_latest_posts_shortcode( $atts, $content = null ) {
extract( shortcode_atts( array (
'title' => 'Latest '.get_bloginfo('name').' News',
'color' => '#CE0100'
), $atts ) );
$content = do_shortcode( shortcode_unautop( $content ) );
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>
@jetsloth
jetsloth / image-choices-radio-button-merge-tag.php
Created Jan 15, 2019
Merge tag filter to enable display of selected image choice in email notifications
View image-choices-radio-button-merge-tag.php
<?php
/*
If you use the merge tag {all_fields} this will always display the image
Or if you use individual field merge tags, eg {Options:1} you can display the image by adding a modifier, eg {Options:1:image}
You can also specify the size that the image should display at by adding a pixel size in the following format, eg {Options:1:image_50px}
By default your image will display at its natural size
*/
add_filter( 'gform_merge_tag_filter', 'image_choices_merge_tag_image', 11, 5 );
function image_choices_merge_tag_image( $value, $merge_tag, $modifier, $field, $raw_value ) {
View Image_Choices_Product_Configurator_jQuery.js
<script type="text/javascript">
jQuery(document).bind('gform_post_render', function(e, formId, currentFormPage) {
var $form = jQuery('#gform_' + formId);
if ($form.data('configurator-init') === true) {
return;
}
$form.on('click', '.config-layer.image-choices-field .ginput_container_radio input', function (e) {
View Image_Choices_Product_Configurator_Style.css
/* Global for both forms on page */
ul.gfield_radio li:not(:last-child), ul.gfield_checkbox li:not(:last-child),
.image-choices-field .image-choices-choice,
.image-choices-field .image-choices-choice .image-choices-choice-selected {
margin-right:0px!important;
border:none!important;
}
.gfield:not(:last-child) {
margin-bottom:0px!important;
}
You can’t perform that action at this time.