This gave me the idea of adding a matching icon to the button. Unfortunately, this is not possible in a direct way.
So I created the text separately and inserted the symbol there. Then cut&paste into the button. On the canvas it is displayed correctly, but not in the preview and certainly not live.
In standard text the symbol is always displayed correctly.
Is this a bug or feature?
Canvas:
Preview and live:
Which method was used to decorate the buttons here in the forum?
It’s most likely that you added a symbol from a font that’s not the same font as the one used in the button itself.
Using the system symbol/emoji picker is one way (though I’m not sure the symbols shows up correctly in a cross platform way), or you can user Insert → Icon… while editing the button text, pick one from the Fontawesome/Material design sets, and Sparkle will inject an SVG in the button:
That’s more or less the method is used. I picked (copy&paste) a Fontawesome icon. On canvas the symbol is displayed, but not in preview. And i do not see that it is converted into a SVG.
[CTRL]+[CMD]+[SPACE] to insert a symbol seems to work.
I’m sorry, but that does not work for me. Step by step:
I highlight the button until i can edit the text in it (not in the inspector panel on the right)
I hit the menu bar: insert → Symbol … (german version, last entry in the dropdown)
The FontAwesome Popup shows up with the arrow on top pointing to the text where i will insert the symbol.
I search for right symbol and klick it.
The symbol travels to the button. It is visible on the canvas.
I hit Preview the page → The symbol is gone.
Is that the way you described? Or what am i doing wrong?
I drop a button on the canvas and call it say “Shop”.
I then go Insert / Icon and choose the icon from the popup window. It deposits it on the canvas.
I then double click the icon element and copy the icon glyph…
I then paste it in the button field next to the button word “Shop”
All what I do then is play with the font size of the button and the line-height to get the icon glyph to align nicely with the wording. It works correctly in Preview and on the server in the wild!
Good Lord, i should have mentioned that i was fiddling with the buttons of the site search feature and the login form.
Did not expect that this could be the reason.
Maybe @Duncan should have a look into this.
Adding a regular button and decorating it with a symbol does work.
Maybe that should be aligned.
The problem seems to affect all buttons that are related to a form. Also the button to send a form cannot be decorated with this method.