This is in reponse to Adz07's post titled "Aligning a fixed size panel".

He wants to be able to have a frame 200x200 that always stay centered in the application no matter how the user resizes the window as shown below:

When I first started on PHP-GTK, I find size and positioning one of the most confusing areas in PHP-GTK. I believe it's the same for many of the people new to PHP-GTK2.

To develop any serious application, the first step is always to layout the widgets. It's something so fundamental, such as making the buttons to be of size 80x32, or making the Help button always stay at the top right-hand corner no matter how the user resize the application. But, unless you have learned it before, you will find it a challenge trying to accomplish these supposedly simple tasks.

That's why I devoted one-third of my ebook PHP-GTK2 Demystified just on size and positioning. I called them the three fundamental building blocks of PHP-GTK2, the other two being signal handling and object-oriented framework.

Of course it's not possible for me to explain everything about size and positioning in this article.

But with the sample code below, together with some of the explanations in the official PHP-GTK2 documentation, it will be a good start.

Basically, size and positioning is just like playing with Lego building blocks. By combining various hboxes and vboxes, with appropriate use of the expand and fill parameters, you can achieve precise positioning and sizing of all widgets in PHP-GTK2.

• Note that this is only 70% of the sample code. You have to be a registered member to see the entire sample code. Please login or register.
• Registration is free and immediate.
• Have some doubt about the registration? Please read this forum article.

1. First create the 200x200 box. I used a vbox here. You can use a hbox depending on what you want to put inside the box.
2. Stuff the box in an eventbox. I used an additional eventbox here to set the box's background color to light green. If you do not need to set the background color, you can ignore this.
3. Now stuff box in a frame. If you do not need a frame for the box, you can skip this too.
4. Create an hbox. You need to add two empty hboxes on the left and side of your 200x200 box so that the box gets centered horizontally.
5. Now create the one more vbox and stuff the hbox created in the previous step into this vbox. Again, we add two empty vboxes, one on top and one below, so that the 200x200 box gets centered horizontally
6. Lastly, stuff the vbox in the previous step into the GtkWindow. That's it!

Of course you can use the Glade tool to help you with size and positioning of widgets. However, if you are really serious about php-gtk2, you should try to understand the fundamentals. Once you know the "why's", you will be able to use the Glade tool more effectively.

• How to set the button to the exact size you want - Part 2 - using GtkAlignment?
• How to set the button to the exact size you want - Part 3 - group of buttons?
• How to align GtkEntry fields - Part 1?

User reviews   Average user ratings:    0.0   (from 2 users)

1. Adz07 from UK
   June 26, 2007 4:42am
   
   

   Cheers for this! This sort of info is hard to come by! You are a life saver.
   
   Adz07

2. Arthur
   June 26, 2007 10:16am
   
   

   Dear kksou,
   Thank you so much for sharing your strong skills and knowledge with us mere mortals :)
   I just bought your e-book and frankly it is a must for everyone serious with Php-Gtk2 programming. Thumbs up !

Note: You have to be a registered member to leave a comment. Free registration here.