[Resolved] Add a Bootstrap Glyphicon in the submit text

[Author]

Posts

[Pat]

Hello,

I'm using Forms and would like to intégrate a Glyphicon near the submit texte.
I have tried this :
[cred_field field='form_submit' value='<span class="glyphicon glyphicon-heart" aria-hidden="true"></span> AJOUT A MA LISTE' urlparam='' class='btn btn-primary' output='bootstrap']
But this is not working (the <span> is not taken into account and everything is considered as texte).

Regards
Pat

[Shane]

Hi Pat,

Thank you for contacting our support forum.

What you can do is to create a regular submit button using HTML instead of the shortcode, then you can add the glyphicon to this replacement button.

Thanks,
Shane

[Pat]

Hi Shane,

Thanks for your answer.
Could you give me an example of the HTML code that would replace this shortcode?
Thanks
Pat

[Shane]

Hi Pat,

You can use the code below to replace the form shortcode.

<input type="submit" class="btn btn-primary btn-lg" name="form_submit_1" value="submit">

Please let me know if this helps.
Thanks,
Shane

[Pat]

Hi Shane,

Just tested this
<input type="submit" class="btn btn-primary btn-lg" name="form_submit_1" value="<span class='glyphicon glyphicon-heart' aria-hidden='true'></span> AJOUT A MA LISTE">

and the result is the same as with the shortcode (ie : everything is considered as text !).
Let me know
Regards
Pat

[Shane]

Hi Pat,

Try it like this.

  <button type="submit" value="Submit"><span class='glyphicon glyphicon-heart' aria-hidden='true'></span> AJOUT A MA LISTE</button>

This should work. I've tested this locally.

Thanks,
Shane

[Pat]

Hi Shane,

I have tried those 2 solutions inside the Forms :

<button type="submit" value="Submit" class="btn btn-primary">AJOUT A MA LISTE <span style="width:auto !important;"class="glyphicon glyphicon-heart" aria-hidden="true"></span></button>

[cred_field field='form_submit' value='AJOUT A MA LISTE' urlparam='' class='btn btn-primary' output='bootstrap']

Your solution (1° woks in terms of display, but does not create any post. Only the solution (2) with shortcode creates a post.
Any idea?
Regards
Pat

[Shane]

Hi Pat,

I see what you are saying.

I think this is because of a unique code that the form is generating each time for the submit button.

You will possibly need to use the method below in order to achieve it.
hidden link

Wrap the tags around the submit shortcode and it should allow you to add the icon.

Thanks,
Shane

[Pat]

Hi Shane
Thanks for your support.
Regards
Pat