Button for the popup

  • Hi,

    I just want to create a button which, if clicked on, will popup a form.

    I’ve chosen Manual triggering, but using the shortcode will just create a clickable text (please see attached: https://prntscr.com/kikkz9).

    How do I make it a button, like, surrounded customizable borders and background?

    Thank you

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support gonzalesc

    (@gonzalesc)

    Hi.

    You must apply styles to class “a.spu-open-{POPUPID}”

    For example if the popup ID is 167, you must put in your css:

    a.spu-open-167 {
	border-radius : 8px;
	padding: 10px;
	margin: 10px;
	background-color: #EEE;
	color: #000:
}

    Regards

    • This reply was modified 6 years, 7 months ago by gonzalesc.
    • This reply was modified 6 years, 7 months ago by gonzalesc.
    Plugin Author Damian

    (@timersys)

    Or you can add that classs spu-open-167 to an existing button or any other html tag.
    Eg:
    <button class="spu-open-167 button-primary">Click me</button>

    If you like the plugin / support please leave a short review. It’s a tremendous help for us!

    Thanks

    Thread Starter Mikey

    (@mikeyhash)

    Hey guys,

    Thank you for your answers.

    I have one more issue here: If the form that I am popping up is long, meaning that it is longer (vertically) than the screen on desktop, I cannot scroll down to the bottom of the form. It just stays in a fixed position, and I need it to be scrollable. Instead, the website page from behind the popup is the scrollable element, and not the popup. The form is created in Ninja Forms, shouldn’t be a problem, but just fyi.

    Please help me with this one, maybe I’m not doing something right.

    Many thanks!

    Plugin Support gonzalesc

    (@gonzalesc)

    Hi.
    The popup is scrollable , here I put a video.

    https://www.useloom.com/share/f109183929c94208957f78829ce43b02

    Regards

    Thread Starter Mikey

    (@mikeyhash)

    That’s exactly how I was expecting it to work. But it doesn’t. The scrollable element is the background page, instead of the popup.

    Well, I think I know why this is happening. The content of my popup is just a shortcode for a form created in Ninja Forms (e.g. [ninja_form id=117] ). If I enter plain phrases the popup is indeed scrollable.

    Should I be using it in another way, instead of just inserting the shortcode? I just want to popup a form created in NF. Are they not fully compatible?

    • This reply was modified 6 years, 7 months ago by Mikey.
    Plugin Author Damian

    (@timersys)

    Could you please share a url where we can see the issue?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Button for the popup’ is closed to new replies.