[CLOSED] Individual Image for Grid ImageCommand

[macap]

Hello,

is it possible to define an individual image for an image command?
Or do I have to use the delivered Icons?

I am developing a touchscreen-based application but can only use Coolite 0.82 at the moment.
For my grid I want to have a delete icon. But for a touchscreen the Coolite-Delete-Icon is too small.
That´s why I want to have an individual larger icon.

My code looks like this as the moment:

//...
    <ext:Column ColumnID="ADD_ID" Header="" MenuDisabled="true" Width="80" DataIndex="ADD_ID" Align="Center">
        <Commands>
            <ext:ImageCommand CommandName="Delete" Icon="Delete" Text="">
                <ToolTip Text="[Löschen]" />
            </ext:ImageCommand>
        </Commands>
    <Renderer Fn="renderDeleteButton" />
    </ext:Column>
</ColumnModel>
<Listeners>
    <Command Handler="#{StoreBasket}.remove(record);SetTotalCost();" />
</Listeners>

PS: Since 1.0 has larger Buttons... is there a plan to add larger icons in the near future?

Regards,

Martin

[Vladimir]

Hi,

Try to use IconCls property of the ImageCommand

IconCls="test32"

and define css rule with your image

.test32{
            background-image: url(Test32.png);
            width:32px !important;
            height:32px !important;
        }

[macap]

This works fine. Thanks!

I also was thinking about such a solution, but I thought I could not use it because I won´t have the mouseover effect (Arrow => Hand) . As I can see now this was wrong. The mouseover effect works fine because of the ImageCommand.
So it´s all working now! :-)


Bye,
Martin