Quantcast

Gtk Inspector question for SWT GTK development

classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Gtk Inspector question for SWT GTK development

Lars Vogel-2
Hi,

Today I tried to find the root cause of the "scary button" Bug in
Ubuntu. In Ubuntu the buttons in the dark theme get a white background
if you open a dialog. See screenshot.

After staring most of the day at the output of GTK inspector, I could
need some guidance.

1.) Anyone know which property I'm looking for on which object?
2.) Is it possible to run  GTK inspector not as dialog, so that I can
see the value for the normal looking buttons?
3.) Is it possible to go the hierarchy up in the GTK inspector?
4.) Is is possible to save the object properties from the GTK inspector?

Best regards, Lars

--
Eclipse Platform UI and e4 project co-lead
CEO vogella GmbH

Haindaalwisch 17a, 22395 Hamburg
Amtsgericht Hamburg: HRB 127058
Geschäftsführer: Lars Vogel, Jennifer Nerlich de Vogel
USt-IdNr.: DE284122352
Fax (040) 5247 6322, Email: [hidden email], Web: http://www.vogella.com

_______________________________________________
platform-swt-dev mailing list
[hidden email]
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/platform-swt-dev

scarybuttons.png (292K) Download Attachment
inspector.png (167K) Download Attachment
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Gtk Inspector question for SWT GTK development

Leo Ufimtsev
Hello Lars,

1.) Anyone know which property I'm looking for on which object?
Might be related:
Bug 462009 - [Gtk3] Button background Color fix
https://bugs.eclipse.org/bugs/show_bug.cgi?id=462009

You can see the CSS properties of the widget in one of the menus. (See screenshot below).

It might be a CSS property that you have to hunt down.
Ex I'd try messing with the CSS settings. Like:
button * {
 background-color: yellow
}   // << exact CSS might be different, this is just pseudo css style. I'd experiment.
   // note, e4-dark.css is different from Gtk css.


2.) Is it possible to run  GTK inspector not as dialog, so that I can
see the value for the normal looking buttons?

What do you mean as non-dialogue? In what other way are you interested in seeing things?


3.) Is it possible to go the hierarchy up in the GTK inspector?
Yes, on top of Gtk inspector, the button on top left selects a widget. The button on top right switches between property view and hierarchy view.


4.) Is is possible to save the object properties from the GTK inspector?
What do you mean? Like copy the whole list and paste it somewhere else?
I'm not aware of a means of doing so. but you can change some properties on the fly by clicking on them.
Also note, you can apply css to widgets on the fly fromt he CSS tab. That's how I find most style bugs.


Also note: this is  a good guide on CSS styling on Gtk if you haven't come across it already:
https://developer.gnome.org/gtk3/stable/chap-css-overview.html

Let me know if I can help further or if any of the above is puzzling.


Inline image 1



---
Leo Ufimtsev
Software Engineer, Eclipse team.
Toronto, Canada

Red Hat, Inc.

On Tue, Dec 13, 2016 at 10:11 AM, Lars Vogel <[hidden email]> wrote:
Hi,

Today I tried to find the root cause of the "scary button" Bug in
Ubuntu. In Ubuntu the buttons in the dark theme get a white background
if you open a dialog. See screenshot.

After staring most of the day at the output of GTK inspector, I could
need some guidance.

1.) Anyone know which property I'm looking for on which object?
2.) Is it possible to run  GTK inspector not as dialog, so that I can
see the value for the normal looking buttons?
3.) Is it possible to go the hierarchy up in the GTK inspector?
4.) Is is possible to save the object properties from the GTK inspector?

Best regards, Lars

--
Eclipse Platform UI and e4 project co-lead
CEO vogella GmbH

Haindaalwisch 17a, 22395 Hamburg
Amtsgericht Hamburg: HRB 127058
Geschäftsführer: Lars Vogel, Jennifer Nerlich de Vogel
USt-IdNr.: DE284122352
Fax (040) 5247 6322, Email: [hidden email], Web: http://www.vogella.com

_______________________________________________
platform-swt-dev mailing list
[hidden email]
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/platform-swt-dev


_______________________________________________
platform-swt-dev mailing list
[hidden email]
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/platform-swt-dev
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Gtk Inspector question for SWT GTK development

Lars Vogel-2
Hi Leo,

thanks for the helpful answers. With your tips you found that the following will fix the "scary button" issue on Ubuntu:

GtkButton {

background:transparent;
}

I followup on this issue via Bugzilla.

Best regards, Lars


On Tue, Dec 13, 2016 at 5:16 PM, Leo Ufimtsev <[hidden email]> wrote:
Hello Lars,

1.) Anyone know which property I'm looking for on which object?
Might be related:
Bug 462009 - [Gtk3] Button background Color fix
https://bugs.eclipse.org/bugs/show_bug.cgi?id=462009

You can see the CSS properties of the widget in one of the menus. (See screenshot below).

It might be a CSS property that you have to hunt down.
Ex I'd try messing with the CSS settings. Like:
button * {
 background-color: yellow
}   // << exact CSS might be different, this is just pseudo css style. I'd experiment.
   // note, e4-dark.css is different from Gtk css.


2.) Is it possible to run  GTK inspector not as dialog, so that I can
see the value for the normal looking buttons?

What do you mean as non-dialogue? In what other way are you interested in seeing things?


3.) Is it possible to go the hierarchy up in the GTK inspector?
Yes, on top of Gtk inspector, the button on top left selects a widget. The button on top right switches between property view and hierarchy view.


4.) Is is possible to save the object properties from the GTK inspector?
What do you mean? Like copy the whole list and paste it somewhere else?
I'm not aware of a means of doing so. but you can change some properties on the fly by clicking on them.
Also note, you can apply css to widgets on the fly fromt he CSS tab. That's how I find most style bugs.


Also note: this is  a good guide on CSS styling on Gtk if you haven't come across it already:
https://developer.gnome.org/gtk3/stable/chap-css-overview.html

Let me know if I can help further or if any of the above is puzzling.


Inline image 1



---
Leo Ufimtsev
Software Engineer, Eclipse team.
Toronto, Canada

Red Hat, Inc.

On Tue, Dec 13, 2016 at 10:11 AM, Lars Vogel <[hidden email]> wrote:
Hi,

Today I tried to find the root cause of the "scary button" Bug in
Ubuntu. In Ubuntu the buttons in the dark theme get a white background
if you open a dialog. See screenshot.

After staring most of the day at the output of GTK inspector, I could
need some guidance.

1.) Anyone know which property I'm looking for on which object?
2.) Is it possible to run  GTK inspector not as dialog, so that I can
see the value for the normal looking buttons?
3.) Is it possible to go the hierarchy up in the GTK inspector?
4.) Is is possible to save the object properties from the GTK inspector?

Best regards, Lars

--
Eclipse Platform UI and e4 project co-lead
CEO vogella GmbH

Haindaalwisch 17a, 22395 Hamburg
Amtsgericht Hamburg: HRB 127058
Geschäftsführer: Lars Vogel, Jennifer Nerlich de Vogel
USt-IdNr.: DE284122352
Fax <a href="tel:040%2052476322" value="+494052476322" target="_blank">(040) 5247 6322, Email: [hidden email], Web: http://www.vogella.com

_______________________________________________
platform-swt-dev mailing list
[hidden email]
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/platform-swt-dev


_______________________________________________
platform-swt-dev mailing list
[hidden email]
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/platform-swt-dev



--
Eclipse Platform UI and e4 project co-lead
CEO vogella GmbH

Haindaalwisch 17a, 22395 Hamburg
Amtsgericht Hamburg: HRB 127058
Geschäftsführer: Lars Vogel, Jennifer Nerlich de Vogel
USt-IdNr.: DE284122352
Fax (040) 5247 6322, Email: [hidden email], Web: http://www.vogella.com

_______________________________________________
platform-swt-dev mailing list
[hidden email]
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/platform-swt-dev
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Gtk Inspector question for SWT GTK development

Leo Ufimtsev-2
Nice!

On Wed, Dec 21, 2016 at 12:00 PM, Lars Vogel <[hidden email]> wrote:
Hi Leo,

thanks for the helpful answers. With your tips you found that the following will fix the "scary button" issue on Ubuntu:

GtkButton {

background:transparent;
}

I followup on this issue via Bugzilla.

Best regards, Lars


On Tue, Dec 13, 2016 at 5:16 PM, Leo Ufimtsev <[hidden email]> wrote:
Hello Lars,

1.) Anyone know which property I'm looking for on which object?
Might be related:
Bug 462009 - [Gtk3] Button background Color fix
https://bugs.eclipse.org/bugs/show_bug.cgi?id=462009

You can see the CSS properties of the widget in one of the menus. (See screenshot below).

It might be a CSS property that you have to hunt down.
Ex I'd try messing with the CSS settings. Like:
button * {
 background-color: yellow
}   // << exact CSS might be different, this is just pseudo css style. I'd experiment.
   // note, e4-dark.css is different from Gtk css.


2.) Is it possible to run  GTK inspector not as dialog, so that I can
see the value for the normal looking buttons?

What do you mean as non-dialogue? In what other way are you interested in seeing things?


3.) Is it possible to go the hierarchy up in the GTK inspector?
Yes, on top of Gtk inspector, the button on top left selects a widget. The button on top right switches between property view and hierarchy view.


4.) Is is possible to save the object properties from the GTK inspector?
What do you mean? Like copy the whole list and paste it somewhere else?
I'm not aware of a means of doing so. but you can change some properties on the fly by clicking on them.
Also note, you can apply css to widgets on the fly fromt he CSS tab. That's how I find most style bugs.


Also note: this is  a good guide on CSS styling on Gtk if you haven't come across it already:
https://developer.gnome.org/gtk3/stable/chap-css-overview.html

Let me know if I can help further or if any of the above is puzzling.


Inline image 1



---
Leo Ufimtsev
Software Engineer, Eclipse team.
Toronto, Canada

Red Hat, Inc.

On Tue, Dec 13, 2016 at 10:11 AM, Lars Vogel <[hidden email]> wrote:
Hi,

Today I tried to find the root cause of the "scary button" Bug in
Ubuntu. In Ubuntu the buttons in the dark theme get a white background
if you open a dialog. See screenshot.

After staring most of the day at the output of GTK inspector, I could
need some guidance.

1.) Anyone know which property I'm looking for on which object?
2.) Is it possible to run  GTK inspector not as dialog, so that I can
see the value for the normal looking buttons?
3.) Is it possible to go the hierarchy up in the GTK inspector?
4.) Is is possible to save the object properties from the GTK inspector?

Best regards, Lars

--
Eclipse Platform UI and e4 project co-lead
CEO vogella GmbH

Haindaalwisch 17a, 22395 Hamburg
Amtsgericht Hamburg: HRB 127058
Geschäftsführer: Lars Vogel, Jennifer Nerlich de Vogel
USt-IdNr.: DE284122352
Fax <a href="tel:040%2052476322" value="+494052476322" target="_blank">(040) 5247 6322, Email: [hidden email], Web: http://www.vogella.com

_______________________________________________
platform-swt-dev mailing list
[hidden email]
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/platform-swt-dev


_______________________________________________
platform-swt-dev mailing list
[hidden email]
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/platform-swt-dev



--
Eclipse Platform UI and e4 project co-lead
CEO vogella GmbH

Haindaalwisch 17a, 22395 Hamburg
Amtsgericht Hamburg: HRB 127058
Geschäftsführer: Lars Vogel, Jennifer Nerlich de Vogel
USt-IdNr.: DE284122352
Fax (040) 5247 6322, Email: [hidden email], Web: http://www.vogella.com

_______________________________________________
platform-swt-dev mailing list
[hidden email]
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/platform-swt-dev



--
Leo Ufimtsev
Software Engineer, Eclipse team.
Toronto, Canada

Red Hat, Inc.
[hidden email] | http://DeveloperBlog.RedHat.com/

_______________________________________________
platform-swt-dev mailing list
[hidden email]
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/platform-swt-dev
Loading...