position of text and sprite in button

Hello,

I would like to make button with text and icon but RiscOS always put the sprite icon too close to left/right side (without any space).
Is it possibility to specify some margin for the sprite or only way is to make image wider with empty space in sprite itself?

This is some examples of my attempts:

I’d pad the sprite with empty space – either grey pixels or (better, assuming it works) mask/transparent pixels. Obviously for an icon like that you only need 16 or 256 colours (maybe less) so there should be minimal size impact.

Your other option is to create it as a text or sprite button and overlay a gadget of the other type. Problem then becomes allowing “click through” to the button behind.

The final, perhaps least appealing method is to make the button purely a sprite, with the text pre-rendered onto it. I suppose you could do this in RAM to allow a level of internationalisation and use the resulting sprite as a gadget sprite, but that’s hard work.

I’d make it a separate icons, a sprite and the text beside it, and just roll some code to treat them the same regardless of which is actually clicked upon.

I’d make it a separate icons, a sprite and the text beside it, and just roll some code to treat them the same regardless of which is actually clicked upon.

That’s how CashBook does its sort indicator arrows in its column headings. There’s a mostly-transparent icon that’s placed over the column heading icon for the column that’s currently sorted, and then this code is called in the mouse click handler.

void column_update_heading_icon_click(struct column_block *instance, wimp_pointer *pointer)
{
        if (instance == NULL || pointer == NULL)
                return;

        if (pointer->i == instance->sort_indicator)
                pointer->i = instance->sort_heading;
}

Both of the icons have the same button type, but that’s all they need share.