Is it possible to have a modal button be icon reveal?

[mgma]

Is it possible to have a modal button be icon reveal? The option is there, although no icon choice. But wondering if there’s a way to create the shortcode?

Thanks

[Kyle – SUPPORT]

Hi

Thanks for noticing this, I will feed this back to the developer and hopefully be able to provide a fix.

– Kyle

[Kyle – SUPPORT]

You need to add the icon manually, add btn_icon=”ss-cursor” after the btn_size property and it should work. Obviously you can change the icon.

– Kyle

[mgma]

Thanks. Had tried that. The button slides over a bit, but shows no icon.

[Kyle – SUPPORT]

Hi

I also tried it and it worked, please paste the shortcode that you are using so I can take a look.

– Kyle

[crease]

This has worked for me… Thanks.

Is it also possible to have a dropshadow to match other buttons?

[Kyle – SUPPORT]

Add ‘dropshadow’ to the class 🙂

– Kyle

[crease]

As in:

class=”dropshadow”

Or do you mean in the style sheet? Adding (class=”dropshadow”) to the modal shortcoide didnt work for me.

This is the shortcode I have:

[sf_modal header=”X” btn_colour=”transparent-light” btn_type=”sf-icon-reveal” btn_size=”standard” btn_icon=”ss-file” btn_text=”X” class=”dropshadow”]

[Melanie – SUPPORT]

Yep, does it work now?

[crease]

Also tried:
[sf_modal header=”x” btn_colour=”transparent-light” btn_type=”sf-icon-reveal” btn_size=”standard” btn_icon=”ss-file” btn_text=”x” dropshadow=”yes”]

adding dropshadow=”yes” like the button shortcodes. Which is what I think you meant. Still didn’t work.

[Kyle – SUPPORT]

Hi there

The correct shortcode is:

[sf_modal header="" btn_colour="accent" btn_type="sf-icon-reveal" btn_size="standard" btn_icon="ss-cursor" btn_text="Button text"]
ENTER THE MODAL BODY HERE
[/sf_modal]

You can change the icon in the btn_icon property.

Hope this helps

– Kyle

[crease]

Thanks Kyle, BUT I have the modal button working… I just cant seem to get the dropshadow to work to match other standard buttons.

[Kyle – SUPPORT]

Hi

By default you can’t add the dropshadow to a modal button, however try this custom css:

.sf-button[data-toggle="modal"] {
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
}

– Kyle

[crease]

Perfect Thanks. Just what I needed.

[Kyle – SUPPORT]

No problem! 🙂