Annoying limitation in RapaGUI

[BeChris]

Hello,

For me an annoying limitation in RapaGUI is that free space between widgets is equally spread between all widgets.

It has the consequence that, when I a resize my window, widgets are located far away from each other.

It would be cool to be able to specify some kind of expanding rectangles which could occupy all the free space.

As a consequence all the widgets could be located very close to each other.

Please see in image below what I mean:
You can see in the bottom of the window, between "Envoyer" button and "Envoyer par" checkbox that there is a blank area.

And generally speaking, are there any plan to publish in open source some Hollywood plugins so that external developpers could help adding features and fixing bugs ?

[PEB]

If you post your GUI xml code, you might get some specific suggestions here about how to get it to look just as you want.

Usually experimenting with the Rectangle, HSpace, and VSpace classes can make your GUI look however you prefer. Placing groups within groups (such as VGroups inside of HGroups) can also be used to force a specific look on your GUI.

[BeChris]

Hello, my xml file content is shown below:

Code: Select all

<?xml version="1.0" encoding="UTF-8"?>
<application id="app">
	 <window id="fenetre" notify="CloseRequest" Width="Screen:75" Height="Screen:75">
			<vgroup>

<hgroup>
	<button id="configuration" Disabled="True">Configuration</button>
	<label>Téléphone à piloter</label>
	<choice id="phones" notify="Active"/>
</hgroup>

<listview Alternate="true" id="liste" Weight="150">
<column title="Nom"/>
<column title="Prénom"/>
<column title="Téléphone 1" hide="False"/>
<column title="Téléphone 2" hide="False"/>
<column title="Email" hide="False"/>
<column title="Groupe" Sortable="1"/>
</listview>

<hgroup>
		<label>Nombre d'éléments filtrés : </label>
		<label id="filtres">1</label>
		<rectangle/>
</hgroup>

<hgroup>
		<label>Filtres prédéfinis</label>
		<choice id="filtres_predef" notify="Active" Disabled="True"/>
		<label>Filtre</label>
		<textentry id="filtre" notify="Text"/>
</hgroup>

<hgroup>
		<label>Messages prédéfinis</label>
		<choice id="messages_predef" notify="Active" Disabled="True"/>
</hgroup>

<hgroup>
		<label>Message</label>
		<texteditor id="message" notify="HasChanged"/>
</hgroup>

<hgroup>
		<label>Nombre de caractères : </label>
		<label id="nombre_caracteres">0</label>
		<rectangle/>
</hgroup>

<hgroup>
		<label>Envoyer par</label>
		<checkbox id="sms" Selected="True" Disabled="True">SMS</checkbox>
		<checkbox id="email" Disabled="True">email</checkbox>
		<rectangle/>
</hgroup>

<rectangle/>

<button id="envoyer">Envoyer</button>

			</vgroup>
	 </window>

</application>

[PEB]

If your goal is to reduce the amount of space between the "Envoyer" button and "Envoyer par" checkbox at the bottom, you can replace <rectangle/> with something like <vspace height="10"/> (just above your "envoyer" button).

Try this:

Code: Select all

<?xml version="1.0" encoding="UTF-8"?>
<application id="app">
	 <window id="fenetre" notify="CloseRequest" Width="Screen:75" Height="Screen:75">
			<vgroup>

<hgroup>
	<button id="configuration" Disabled="True">Configuration</button>
	<label>Téléphone à piloter</label>
	<choice id="phones" notify="Active"/>
</hgroup>

<listview Alternate="true" id="liste" Weight="150">
<column title="Nom"/>
<column title="Prénom"/>
<column title="Téléphone 1" hide="False"/>
<column title="Téléphone 2" hide="False"/>
<column title="Email" hide="False"/>
<column title="Groupe" Sortable="1"/>
</listview>

<hgroup>
		<label>Nombre d'éléments filtrés : </label>
		<label id="filtres">1</label>
		<rectangle/>
</hgroup>

<hgroup>
		<label>Filtres prédéfinis</label>
		<choice id="filtres_predef" notify="Active" Disabled="True"/>
		<label>Filtre</label>
		<textentry id="filtre" notify="Text"/>
</hgroup>

<hgroup>
		<label>Messages prédéfinis</label>
		<choice id="messages_predef" notify="Active" Disabled="True"/>
</hgroup>

<hgroup>
		<label>Message</label>
		<texteditor id="message" notify="HasChanged"/>
</hgroup>

<hgroup>
		<label>Nombre de caractères : </label>
		<label id="nombre_caracteres">0</label>
		<rectangle/>
</hgroup>

<hgroup>
		<label>Envoyer par</label>
		<checkbox id="sms" Selected="True" Disabled="True">SMS</checkbox>
		<checkbox id="email" Disabled="True">email</checkbox>
		<rectangle/>
</hgroup>

<vspace height="10"/>

<button id="envoyer">Envoyer</button>

			</vgroup>
	 </window>

</application>

[BeChris]

It's a lot better but, as Height is a fixed value, it doesn't adapt to different resolutions.
Many thanks for your help.

[PEB]

If you don't want to use a fixed value, you can use <rectangle/> repeatedly in the places you want more space, and only once where you don't want so much space.

Try this out:

Code: Select all

<?xml version="1.0" encoding="UTF-8"?>
<application id="app">
	 <window id="fenetre" notify="CloseRequest" Width="Screen:75" Height="Screen:75">
			<vgroup>

<hgroup>
	<button id="configuration" Disabled="True">Configuration</button>
	<label>Tlphone  piloter</label>
	<choice id="phones" notify="Active"/>
</hgroup>

<listview Alternate="true" id="liste" Weight="150">
<column title="Nom"/>
<column title="Prnom"/>
<column title="Tlphone 1" hide="False"/>
<column title="Tlphone 2" hide="False"/>
<column title="Email" hide="False"/>
<column title="Groupe" Sortable="1"/>
</listview>

<rectangle/>
<rectangle/>
<rectangle/>
<rectangle/>
<rectangle/>

<hgroup>
		<label>Nombre d'lments filtrs : </label>
		<label id="filtres">1</label>
		<rectangle/>
</hgroup>

<rectangle/>
<rectangle/>
<rectangle/>
<rectangle/>
<rectangle/>

<hgroup>
		<label>Filtres prdfinis</label>
		<choice id="filtres_predef" notify="Active" Disabled="True"/>
		<label>Filtre</label>
		<textentry id="filtre" notify="Text"/>
</hgroup>

<hgroup>
		<label>Messages prdfinis</label>
		<choice id="messages_predef" notify="Active" Disabled="True"/>
</hgroup>

<hgroup>
		<label>Message</label>
		<texteditor id="message" notify="HasChanged"/>
</hgroup>

<rectangle/>
<rectangle/>
<rectangle/>
<rectangle/>
<rectangle/>

<hgroup>
		<label>Nombre de caractres : </label>
		<label id="nombre_caracteres">0</label>
		<rectangle/>
</hgroup>

<rectangle/>
<rectangle/>
<rectangle/>
<rectangle/>
<rectangle/>

<hgroup>
		<label>Envoyer par</label>
		<checkbox id="sms" Selected="True" Disabled="True">SMS</checkbox>
		<checkbox id="email" Disabled="True">email</checkbox>
		<rectangle/>
</hgroup>

<rectangle/>

<button id="envoyer">Envoyer</button>

			</vgroup>
	 </window>

</application>