[Users] Getting navigation history images displayed in a toolbar.

[Eric Lemoine]

On Thursday, August 26, 2010, Phil Scadden <p.scadden at gns.cri.nz> wrote:
>
>> Hi. You need to set iconCls in the Actions and have CSS for your icon
>> classes. See the API doc of Ext.Button, it should be documented there.
>>
> Hmm. In the OL css, we have several classes:
> .olControlNavigationHistory {
>     background-image: url("img/navigation_history.png");
>     background-repeat: no-repeat;
>     width:  24px;
>     height: 24px;
>
> }
> .olControlNavigationHistoryPreviousItemActive {
>    background-position: 0px 0px;
> }
> .olControlNavigationHistoryPreviousItemInactive {
>     background-position: 0px -24px;
> }
> .olControlNavigationHistoryNextItemActive {
>     background-position: -24px 0px;
> }
> .olControlNavigationHistoryNextItemInactive {
>     background-position: -24px -24px;
> }
>
> Assume I set  iconCls to say 'toolbarNavPrev' for the previous action,
> then I have trouble
> creating an entry in my css for .toolbarNavPrev that covers both active
> and inactive. I assume this isnt possible?

With iconCls you provide a class that's always applied, be the button
pressed or not. Ext takes care of styling buttons differently when
they're pressed/depressed. But I guess this behavior is customizable.

Cheers,