Rozmieszcznie pól
Czas ćwiczenia:   30 min.	Cel:   Rozmieszcznie pól na ekranie	Kroki:   Edycja pliku struct.qcon

Po wykonaniu prostych czynności związanych ze zmianą ekranów logowania pora na coś trudniejszego. Zajmijmy się rozstawieniem pól na naszym formularzu do wprowadzania danych. W tej chwili wygląda on tak

Pole Id należało by usunąć z formularza aby nie można było wprowadzać do niego żadnych danych. Spróbujmy także pogrupować pola Kod pocztowy, Miasto i Ulica w grupę "Dane adresowe", a pola Nazwisko i Imię w "Dane ogólne".
A więc do dzieła.

Po otworzeniu pliku struct.qcon należy odnaleźć fragment w którym wywoływana jest tabela ADRESS_EDIT. Jednym z atrybutgów opisujących tabelę jest pole LAYOUT i ta właśnie pozycja odpowiedzialna jest za kolejność i ustawienie wyświetlanych pól.

//----------------------------------------------------*
//        A D R E S S E S _ E D I T
//----------------------------------------------------*
//
TAB ADRESS_EDIT  extends ADRESSES;

    TITLE="Edycja adresu"

    LAYOUT = TCP(ID NAME LASTNAME ZIPCODE CITY STREET)
{;}

Spróbujmy usunąć z nawiasu wpis ID , uruchomić program i wejść do "Edycji adresów". Jak widać pole Id znikneło z naszego formularza. Kolejnum krokiem ma byc pogrupowanie pól obok siebie. Do tych celów używane jest polecenie LAYOUT z odpowiednimi atrybutami, jego dokładniejszy opis znajdziecie w dokumentacji na naszych stronach. Tutaj przytoczymy składnie tylko kilku parametrów.

• HPAN( <layout element> ... <layout element> ) - lista <layout_element>.
  Ang: Horizontal Panel.
  Ten element rozkłada podane elementy jeden pod drugim.Kolejno wzdłuż osi Y
• VPAN( <layout element> ... <layout element> ) - lista <layout_element>.
  Ang: Vertical Panel.
  Ten element rozkłada podane elementy jeden obok drugiego. Kolejno wzdłuż osi X
• GRP( <"group name"> <layout element> ) - grupa z dzieckiem <layout_element>.
  Ang: Group.
  Ten element wokół podanego dziecka rysuje ramkę z podaną nazwą. Ramka ta zaznacza się gdy skupienie jest w dziecku.

Oto kilka przykładów użycia naszego polecenia

//----------------------------------------------------*
//        A D R E S S E S _ E D I T
//----------------------------------------------------*
//
TAB ADRESS_EDIT  extends ADRESSES;

    TITLE="Edycja adresu"

    LAYOUT =        HPAN(
                       GRP( "Dane ogólne"
                            VPAN( TCP( NAME LASTNAME )
                                )
                          )
                       HPAN(
                             GRP ( "Dane adresowe"
                                   HPAN(
                                         TCP ( STREET ZIPCODE CITY )
                                             )

                                 )
                             )
                       )
{;}

//----------------------------------------------------*
//        A D R E S S E S _ E D I T
//----------------------------------------------------*
//
TAB ADRESS_EDIT  extends ADRESSES;

    TITLE="Edycja adresu"

    LAYOUT =        VPAN(
                       GRP( "Dane ogólne"
                            VPAN( TCP( NAME LASTNAME )
                                )
                          )
                       VPAN(
                             GRP ( "Dane adresowe"
                                   HPAN(
                                         TCP ( STREET ZIPCODE CITY )
                                             )

                                 )
                             )
                       )
{;}