• Resolved Maas_De_Bate

    (@maas_de_bate)


    I have searched this support and there has been no resolution to being able to add a button to trigger the slide out of the form. I want a button only on the home page and I still require the tabHandle to work as well.

    On wp-contact-slider/inc/wpcs_frontend_functions.php file I have added this code:

    $(‘.wpcs-slide-out-div’).tabSlideOut({
    toggleButton: ‘.slideOutBtn’, //from the author’s blog
    tabHandle: ‘.wpcs_handle’,//class of the element that will become your tab
    pathToTabImage: ‘<?php echo $tab_image_link; ?>’, //path to the image for the tab //Optionally can be set using css
    imageHeight: ’36px’,//height of tab image//Optionally can be set using css
    imageWidth: tab_Hight, //width of tab image//Optionally can be set using css
    tabLocation: ‘<?php echo $slider_position; ?>’,//side of screen where tab lives, top, right, bottom, or left
    speed: 600,//speed of animation
    action: ‘click’, //options: ‘click’ or ‘hover’, action to trigger animation
    topPos: ‘10%’, //position from the top/ use if tabLocation is left or right
    leftPos: ’20px’, //position from left/ use if tabLocation is bottom or top
    fixedPosition: true //options: true makes it stick(fixed position) on scroll
    });
    //This is my button code supplied from authors blog //
    $(‘.slideOutBtn’).click(function(){
    $(‘.wpcs_handle’).click();
    });

    This works to slide the form out but it immediately slides the form back in again.

    Can this be resolved once and for all as there are several people wanting this function on the author’s blog and on this forum.

Viewing 10 replies - 1 through 10 (of 10 total)
  • facing same issue any luck resolving it ?

    Thread Starter Maas_De_Bate

    (@maas_de_bate)

    No.

    It just slides the form out then the form immediately slides back in again, the overlay isn’t activated either.

    For developer –> http://www.roycon.com.au/

    Plugin Author WPExperts.io

    (@wpexpertsio)

    Hi there!

    We were off due to holidays. Let us check and update here.

    Thanks!

    thanks for responding please help us out we are facing same issue
    It just slides the form out then the form immediately slides back in again, the overlay isn’t activated either.

    any update ?

    Thread Starter Maas_De_Bate

    (@maas_de_bate)

    Hi I got it to work using this code (just added a ID to my button:

    jQuery(‘#slideOutBtn’).toggle(function(){
    jQuery(‘.wpcs-slide-out-div’).animate({right:’-3px’}, 600);
    setTimeout(adjust_slider_on_right, 500);
    add_light_box_effect();
    return false;
    },
    function(){
    clickScreenToClose();
    return false;
    }
    ); //toggle

    I put the code in the wpcs_frontend_functions.php file at line 181 after

    jQuery(function($){

    $(‘.wpcs-slide-out-div’).tabSlideOut({

    });
    });

    [insert code]

    Hope it works for you.

    • This reply was modified 8 years, 11 months ago by Maas_De_Bate.
    Plugin Author WPExperts.io

    (@wpexpertsio)

    Hi there!

    Thanks for sharing the code over here for others. Really appreciate.

    Thanks!

    great thanks it works at my end as well

    i am facing one more issue my sticky form is not showing on small devices infact i have uncheck the option in its setting which says hide it on small devices
    any ideas?

    Plugin Author WPExperts.io

    (@wpexpertsio)

    Hi @haseebrehman!

    Kindly start new topic for your issue as this is against the forum rules to bump your issue under other resolved topic.

    We are always here to help you.

    Thanks!

    Thread Starter Maas_De_Bate

    (@maas_de_bate)

    Updated code to add/remove ‘open’ class and overlay

    jQuery(‘#slideOutBtn’).toggle(function(){
    jQuery(‘.wpcs-slide-out-div’).animate({right:’-3px’}, 600).addClass(‘open’)
    add_light_box_effect();
    return false;
    },
    function(){
    jQuery(‘.wpcs-slide-out-div’).animate({right:’-444px’}, 600).removeClass(‘open’);
    remove_light_box_effect();
    return false;
    }
    ); //toggle

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Have a button & Tab to trigger form’ is closed to new replies.