So far I have found 2 issues regarding of using CSS buttons.
First issue - When you use the "&" within your button caption, It ignores all the characters starting "&" to the end. For example if I type "Open OS&D reports" for the CSS button caption/value then it only shows "Open OS".
CssButton_issue1.jpg (22.08 KiB) Viewed 419 times
CssButton_issue2.jpg (10.48 KiB) Viewed 419 times
Second issue - When you use the CSS button without the caption ( Just show the icon and no text beside that ) , even if you make the button smaller just to cover the icon , still you can select/click on the icon few pixels close to the button. Please take a look at the screenshot and see the mouse pointer position.
The text on the button is HTML. If you wish to include the & character, you'll need to set it to & -- otherwise, it thinks the & is the start of an HTML entity. Try using "Open OS&D reports" and see if that works better for you.
To remove the icon entirely, right click the 'icon position' property, and choose "remove property value".
I'm not familiar with the other problem (clicking 'next to' the button.) If this causes a problem for you, please open a support ticket wtih support@profoundlogic.com
Still having problem with removing the icon. It didn't work with removing value for the "icon position" property. Instead of removing the icon, it moves the icon to the bottom.
CssButton_issue4.jpg (112.54 KiB) Viewed 402 times
I will create ticket for this and also the last issue that I had.