cordova-plugin-themeablebrowser icon indicating copy to clipboard operation
cordova-plugin-themeablebrowser copied to clipboard

Is it possible to have wwwImage for toolbar?

Open michaeljcoyne opened this issue 8 years ago • 1 comments

Is it possible to have wwwImage for toolbar?

If not where do I put the images for this and how do i label them?

I am using Ionic.

michaeljcoyne avatar Jul 10 '17 12:07 michaeljcoyne

Hello,

I have added the custom images for buttons like this My images located in www/img/ (Ionic project).

    open: function(url, window) {
                browser = cordova.ThemeableBrowser.open(url, window, {
                    toolbar: {
                        height: 40,
                        color: '#373737',
                        wwwImage: 'img/toolbar/bg/40x1.jpg'
                    },
                    backButton: {
                        wwwImage: 'img/toolbar/40x40_default_back.png',
                        wwwImagePressed: 'img/toolbar/40x40_hover_back.png',
                        align: 'left',
                        event: 'backPressed'
                    },
                    forwardButton: {
                        wwwImage: 'img/toolbar/40x40_default_forward.png',
                        wwwImagePressed: 'img/toolbar/40x40_hover_forward.png',
                        align: 'left',
                        event: 'forwardPressed'
                    },
                    closeButton: {
                        wwwImage: 'img/toolbar/40x40_default_notifications.png',
                        wwwImagePressed: 'img/toolbar/40x40_hover_notifications.png',
                        align: 'right',
                        event: 'notifications'
                    },
                    customButtons: [
                        {
                            wwwImage: 'img/toolbar/dv/40x2.png',
                            align: 'left'
                        },
                        {
                          wwwImage: 'img/toolbar/40x40_default_refresh.png',
                          wwwImagePressed: 'img/toolbar/40x40_hover_refresh.png',
                          align: 'left',
                          event: 'refresh'
                        },
                        {
                            wwwImage: 'img/toolbar/dv/40x2.png',
                            align: 'left'
                        },
                        {
                            wwwImage: 'img/toolbar/dv/40x2.png',
                            align: 'right'
                        }
                    ],

Hope this helps!

tomilenko avatar Sep 01 '17 08:09 tomilenko