This question is related resizing toolbar buttons. I have just begun implementing the resizing of toolbar buttons in LIveContent Create from big buttons to small buttons by hiding the big button and recreating the button as small button. I used the example you provided in a previous question:
<x:overlay xmlns="http://xopus.com/2009/lui"> <!-- Hide default Finish Editng button --> <ribbon-bigbutton id="FinishEditingButton" available="false"/> <!-- Add small Finish Editing button next to Save button --> <ribbon-smallbutton id="CustomFinishEditingButton" after="SaveButton" command="FinishEditingCommand" iconsrc="finish_editing_icon.png" /></x:overlay>
Thanks in advance!
You can specify both the icon file and the icon offset as part of the button configuration.
So you can reference the icons_standalone.png as iconsrc, and then set the iconoffsetx and iconoffsety values to point to the correct position in that image.