Devtools panel, icon size?

119 views
Skip to first unread message

Asen Bozhilov

unread,
Jan 5, 2012, 8:50:24 AM1/5/12
to Chromium-extensions
I did a devtools panel via
`chrome.experimental.devtools.panels.create`. It works fine but I have
some problems with the icon. There are two states of the icon.
Mosedown and normal state. I figured out that is made it with sprite
image, but it seems that not work in same way in different versions of
Google Chrome.

The other problem is if I undock the devtools in separate window, the
size of the icons is changed. I don't see how could control the size
of the icon via extension.

Has someone solved that and how?

Thank you.

Joe Marini

unread,
Nov 26, 2012, 10:22:39 PM11/26/12
to Matthew Kimber, Chromium-extensions
Devtools icons need to be composed of four icons, in the form of

Aa
Bb

where 'A' & 'B' are 32x32  images (corresponding to "normal" and "pressed" states of large buttons for undocked mode) and 'a' & 'b' are their 24x24 counterparts for docked mode.

The docs don't list this, I will file a bug.



On Wed, Nov 21, 2012 at 10:42 PM, Matthew Kimber <matthew...@gmail.com> wrote:
Did you ever find out anything about the different icon sizes for docked/un-docked states and how to switch between the two? I am developing a plugin for the developer tools window and have run into the same problem. Any help is much appreciated! Thanks!

--
You received this message because you are subscribed to the Google Groups "Chromium-extensions" group.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msg/chromium-extensions/-/ckzIvv0g5SQJ.
To post to this group, send email to chromium-...@chromium.org.
To unsubscribe from this group, send email to chromium-extens...@chromium.org.
For more options, visit this group at http://groups.google.com/a/chromium.org/group/chromium-extensions/?hl=en.



--
Joe Marini
Developer Advocate / Chrome


Joe Marini

unread,
Dec 3, 2012, 12:43:51 PM12/3/12
to Matthew Kimber, Chromium-extensions
Cool. I'll make sure the docs folks are on it.



On Tue, Nov 27, 2012 at 9:06 PM, Matthew Kimber <matthew...@gmail.com> wrote:
Thanks Joe! That did the trick.

--
You received this message because you are subscribed to the Google Groups "Chromium-extensions" group.

To post to this group, send email to chromium-...@chromium.org.
To unsubscribe from this group, send email to chromium-extens...@chromium.org.
For more options, visit this group at http://groups.google.com/a/chromium.org/group/chromium-extensions/?hl=en.

Ross Simpson

unread,
May 18, 2013, 8:08:34 AM5/18/13
to chromium-...@chromium.org, Matthew Kimber
I recently created a devtools panel icon, and found this info useful as well.

Because I'm not stellar with graphics tools, I wrote a script to create the icon with the proper dimensions and alignment.  It uses ImageMagick to do the graphics bits.

Free to use, if anyone's interested:

Cheers,
Ross


On Tuesday, November 27, 2012 2:22:55 PM UTC+11, Joe Marini wrote:
Devtools icons need to be composed of four icons, in the form of

Aa
Bb

where 'A' & 'B' are 32x32  images (corresponding to "normal" and "pressed" states of large buttons for undocked mode) and 'a' & 'b' are their 24x24 counterparts for docked mode.

The docs don't list this, I will file a bug.

On Wed, Nov 21, 2012 at 10:42 PM, Matthew Kimber <matthew...@gmail.com> wrote:
Did you ever find out anything about the different icon sizes for docked/un-docked states and how to switch between the two? I am developing a plugin for the developer tools window and have run into the same problem. Any help is much appreciated! Thanks!


On Thursday, January 5, 2012 6:50:24 AM UTC-7, Asen Bozhilov wrote:
I did a devtools panel via
`chrome.experimental.devtools.panels.create`. It works fine but I have
some problems with the icon. There are two states of the icon.
Mosedown and normal state. I figured out that is made it with sprite
image, but it seems that not work in same way in different versions of
Google Chrome.

The other problem is if I undock the devtools in separate window, the
size of the icons is changed. I don't see how could control the size
of the icon via extension.

Has someone solved that and how?

Thank you.

--
You received this message because you are subscribed to the Google Groups "Chromium-extensions" group.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msg/chromium-extensions/-/ckzIvv0g5SQJ.
To post to this group, send email to chromium-...@chromium.org.
To unsubscribe from this group, send email to chromium-extensions+unsub...@chromium.org.
Reply all
Reply to author
Forward
0 new messages