Making GTK UI for inkscape preferences dialog.
Hello everybody,
I was trying to add radio buttons for some optional preferences, this GSoC, to allow for attribute checking. I therefore, with discussions with Tavmjong and Josh, decided to add this kinda UI in the SVG Output pane of the preferences dialog to the right hand side area :
Incorrect Attributes: Remove ( ) Warn (x) Ignore ( )
Incorrect Style Properties: Remove ( ) Warn (x) Ignore ( )
Style Defaults Remove ( ) Warn (x) Ignore ( )
As you might realize, that each button, takes up one row. Therefore, if some button on the left hand side of this UI corresponds to another button, and has a row width set to some higher value, the UI breaks and become like this.
Incorrect Style Properties: Remove ( )
Warn (x) Ignore ( )
Too much gap between Remove and Warn options, the reason being, the row in which Remove lies has the width set to some higher value and hence this weird UI. Therefore to tackle such a thing I made a DialogPage inside a DialogPage. Like SVGOutput in itself is a DialogPage and I made another DialogPage named AtrributeChecking and attached it to the right hand side. This kinda solved the former problem, but another problem came up. Now when I expand the preferences window, this right hand side buttons keep moving to the middle like this
Remove() Remove() Remove()
like this the on dragging and expanding the window, the buttons keep going in the right hand side direction. If someone wishes to actually observe this behavior, kindly have a look here https://code.launchpad.net/~spyzer-abhishek0/+junk/gsoc2011
Please help me out with this. Google Summer of Code is gonna end on 22nd of August and I have only 5 days. So any help is greatly appreciated.
2011/8/16 Abhishek Sharma <sharma.abhishek.it@...400...>:
Hello everybody,
I was trying to add radio buttons for some optional preferences, this GSoC, to allow for attribute checking. I therefore, with discussions with Tavmjong and Josh, decided to add this kinda UI in the SVG Output pane of the preferences dialog to the right hand side area :
Incorrect Attributes: Remove ( ) Warn (x) Ignore ( )
Incorrect Style Properties: Remove ( ) Warn (x) Ignore ( )
Style Defaults Remove ( ) Warn (x) Ignore ( )
1. The radio buttons must be to the left, not the right, of the labels. 2. Look at the filter quality setting on the filters page and just copy code from there, it is also implemented as radio buttons.
Regards, Krzysztof
Hi, Abhishek and everyone!
From the GUI design side, when dealing with multiple lists like these, you
might consider using the dropdown chooser/menu instead of the radio buttons here. Then, a 12+ line panel you have here will be reduced to 3 lines, resulting in a very readable settings panel. Simple/clean. Might even, make your problem easier, too ;)
Example: (the dropdown menus are in [] brackets): [warn me about] incorrect attributes. [ignore] incorrect style properties. [ignore] style defaults.
... On a side note, using words and phrases that will make sense to users who are not as much 'at home' with the inkscape's inner logic as you certainly are. For example, it might not be clear what 'incorrect' means or what 'attributes' are. I suspect those are SVG attributes? :)
cheers,
Aleksandar Kovac
On Wed, Aug 17, 2011 at 2:54 AM, Abhishek Sharma < sharma.abhishek.it@...400...> wrote:
Hello everybody,
I was trying to add radio buttons for some optional preferences, this GSoC, to allow for attribute checking. I therefore, with discussions with Tavmjong and Josh, decided to add this kinda UI in the SVG Output pane of the preferences dialog to the right hand side area :
Incorrect Attributes: Remove ( ) Warn (x) Ignore ( )
Incorrect Style Properties: Remove ( ) Warn (x) Ignore ( )
Style Defaults Remove ( ) Warn (x) Ignore ( )
As you might realize, that each button, takes up one row. Therefore, if some button on the left hand side of this UI corresponds to another button, and has a row width set to some higher value, the UI breaks and become like this.
Incorrect Style Properties: Remove ( )
Warn (x) Ignore ( )Too much gap between Remove and Warn options, the reason being, the row in which Remove lies has the width set to some higher value and hence this weird UI. Therefore to tackle such a thing I made a DialogPage inside a DialogPage. Like SVGOutput in itself is a DialogPage and I made another DialogPage named AtrributeChecking and attached it to the right hand side. This kinda solved the former problem, but another problem came up. Now when I expand the preferences window, this right hand side buttons keep moving to the middle like this
Remove() Remove() Remove()
like this the on dragging and expanding the window, the buttons keep going in the right hand side direction. If someone wishes to actually observe this behavior, kindly have a look here https://code.launchpad.net/~spyzer-abhishek0/+junk/gsoc2011https://code.launchpad.net/%7Espyzer-abhishek0/+junk/gsoc2011
Please help me out with this. Google Summer of Code is gonna end on 22nd of August and I have only 5 days. So any help is greatly appreciated.
-- Regards,
Abhishek Sharma
uberSVN's rich system and user administration capabilities and model configuration take the hassle out of deploying and managing Subversion and the tools developers use with it. Learn more about uberSVN and get a free download at: http://p.sf.net/sfu/wandisco-dev2dev
Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel
participants (3)
-
Abhishek Sharma -
Aleksandar Kovac -
Krzysztof Kosiński