Hi,
We are going to create an "APPLY" button for exercise. You can use any png image with an icon size. Put the image on images > icons and name it "apply".
On framework > php > avia_shortcodes > sc, look for button.js.
On the fourth row add this line.
label:"Style",
id:"style",
help:"Values: <empty>, info, alert, tick, download, note, help, error, apply",
controlType:"select-control",
selectValues:['', 'info', 'alert', 'tick', 'download', 'note', 'help', 'error', 'apply'],
defaultValue: '',
defaultText: 'none (Default)'
Notice that we add apply on "help" and "selectValues"
Then go to css > shortcodes.css and look for /*Inline Links with icon*/ comment. Add this two lines.
.avia-button .avia-apply{ background: transparent url("../images/icons/apply.png") no-repeat center left; padding: 2px 0 2px 22px; left:-2px;}
.avia-ilink .help{ background: transparent url("../images/icons/apply.png") no-repeat center left; }
Make sure that the file extension for the images is correct. In our case we use png image.
Try to reload dashboard and enjoy. To add different buttons just do the instructions again. Hope this helps. :)
Regards,
Ismael