The method for creating edit controls in the window is the same as the method for creating the form window of product: a simple Drag and Drop from the "Analysis" pane.

To create the different controls used to display information about the customer:
1. Display the WIN_Menu window in the editor and click the "Finding customers" tab pane. The empty tab pane appears.
2. Display the "Analysis" pane in the editor if necessary: on the "Home" pane, in the "Environment" group, expand "Panes" and select "Analysis". The different data files described in the "WD Full Application" analysis appear in the pane.
3. Click the icon on the left of the "Customer" data file: the items found in the data file are listed.
4. With the mouse, select all items displayed in the tab pane. You can select multiple elements by holding the Ctrl key down.
5. Drag and Drop these items to the "Finding customers" tab pane.
6. The controls are automatically created in the Tab control pane. These controls are automatically linked to the corresponding item in the data file.
7. Save the window (Ctrl + S).

We are going to align the controls and give them the same size:
1. Select the "City" control then all edit controls found in the window (keep the Ctrl key down while clicking the different controls for example). The first selected control will be used as reference for the size of other controls.
2. On the "Alignment" pane, in the "Inside and outside" group, click "Justify (Ins. and Out.)".

Run the window test ( among the quick access buttons). Click the "Finding customers" tab pane. The window is displayed with empty controls.
Close the test window to go back to the editor.

DICAS 3008 - WINDEV TUTORIAL 31 - Adicionar e Modificar Janelas ANCORAS - PARTE D
DICAS 3009 - WINDEV TUTORIAL 32-Adicionar e Modificar Janelas - Exibicao registro - PARTE E

DICAS 3010 - WINDEV TUTORIAL 33-Adicionar e Modificar Janelas - Modifica Imagen - PARTE F

DICAS 3011 - WINDEV TUTORIAL 34 - Adicionar e Modificar Janelas - Validacao - PARTE G

DICAS 3012 - WINDEV TUTORIAL 35 - Adicionar e Modificar Janelas - CRIACAO - PARTE H

DICAS 3013 - WINDEV TUTORIAL 36 - Adicionar e Modificar Janelas - Teste - PARTE I

DICAS 3014 - WINDEV TUTORIAL 37 - Pesquisa Simples - Apresentacao - PARTE A

DICAS 3015 - WINDEV TUTORIAL 38 - Pesquisa Simples - Usando Controle Tab- PARTE B

DICAS_3016_WINDEV_TUTORIAL_39_Pesquisa_Simples_Configurando_Pesquisa_PARTE_C

DICAS 3017 - WINDEV TUTORIAL 40 - Pesquisa Simples - Pesquisa Identica- PARTE D

DICAS 3015 - WINDEV TUTORIAL 38 - Pesquisa Simples - Usando Controle Tab- PARTE B

tfrMWwdyLw0

Bom Dia/Boa Tarde/Boa Noite

Esse Ao Vivo vai estrear as 11:00 do dia 25/08/2020

DICAS 3015 - WINDEV TUTORIAL 38 - Pesquisa Simples - Usando Controle Tab- PARTE B

Tutoriel WINDEV : Leçon 4.3.b. Recherche simple - Utilisation d'un champ Onglet

https://windevdesenvolvimento.blogspot.com/2020/08/dicas-3015-windev-tutorial-38-pesquisa.html

ASSUNTOS

CRIANDO UMA TAB

ALTERANDO O NOME DA TAB

ALTERANDO O NOME DAS GUIAS

COLOCAR LISTA DE PRODUTOS DENTRO DA GUIA LISTA PRODUTOS

COLOCAR DE VOLTA OS BOTOES TAMBEM

COLOCANDO IMAGENS NAS GUIAS

ADICIONANDO ANCORA NA TAB

https://doc.windev.com/en-US/?1410087533&name=lecon_43_recherche_simple_parcours_des_enregistrements

Video original da Franca

https://youtu.be/9j96PYOfbN0

Playlist Windev TUTORIAL

https://www.youtube.com/playlist?list=PLwJwZaqiZW-lxU1XF0M0htb5S5f8pavuE

ErpMatos - TgsSistemas

skype:amarildo.matos.informatica

email: amarildo.matos@gmail.com

whats: 51984197742

Youtube: Amarildo Matos

http://www.amarildomatos.com.br

https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com

https://www.pcsoft.fr/webinaires.htm?p=forumpcs

https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp

https://www.windev.com/windev/WD-Express.htm

https://www.windev.com/windevmobile/WM-Express.htm

http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html

Modifying the window: using a Tab control

In this example, the search will not be performed in a new window: the WIN_Menu window will be used. At this time, this window displays the list of products.

We will use Tab controls to display various data in this window. Tab controls are used to group information by theme. The user can directly access a theme by clicking the desired "pane".

This system is used in all description windows of WINDEV.

Creating the Tab control

To display the data of the "WIN_Menu" window in a Tab control:
1. Display the "WIN_Menu" window if necessary:
  - from the open documents bar.
  - by double-clicking its name the "Project explorer" pane.
2. Select the window controls and move them to the home area of window. This may seem "strange", but it will make it easier to work on the Tab control and then associate the controls with the desired tab pane.
3. Create a Tab control in a window:
  - On the "Creation" pane, in the "Containers" group, expand "Tab and associated" and select "Tab".
  - Click in the window to create the Tab control.
  - Position the Tab control at the top left of the window.
  - A Tab control is created with two panes by default. The Tab control occupies the entire available space in the window.
4. Select the controls in the home area of the window and move them to pane 1 of the Tab control.
5. A green border appears when hovering controls on the Tab control. This border indicates that the controls placed on the current pane will be automatically associated with the pane.
6. Enlarge (if necessary) the window and the Tab control to display the Table control and the buttons in the Tab control.


	Remark	Handling controls in a Tab control To check whether all controls are associated with the current tab pane, click another tab pane: all controls associated with the tab pane disappear. To resize the Tab control while ignoring the anchors defined for the controls found in the pane, press the Shift key during the resize operation.

Modifying the Tab control

Modify the name of Tab control:
1. Double-click the Tab control that was just created: the control description window appears.
2. Modify the control name. The control is named "TAB_Viewing".
3. Validate the control description window.

Two panes are created by default. We are going to modify their caption directly:
1. Select the Tab control.
2. Click "Pane 1". The pane becomes editable: type the "List of products" caption. Press Enter to validate.
3. Click "Pane 2". The pane is displayed. Click "Pane 2" again. Type the caption: "Finding customers". Press Enter to validate.

We will associate an image with each pane of the Tab control. To do so:

Display the description window of Tab control (double-click the control for example). The "General" tab of the description window allows you to configure the characteristics of each pane in the Tab control. The list of panes is displayed on the left. For each selected pane, its characteristics can be modified in the right section of screen.
In the description window, select the "List of products" pane.
The pane characteristics are displayed.

We are going to associate an image to the tab pane via the WINDEV image catalog.


	Remark	As soon as an image can be displayed in a control or window, WINDEV proposes to use the image catalog. This image catalog is started via the "Catalog" option (available by clicking the button). This catalog contains hundreds of images, cliparts, ...

Click the button on the right of "Image" control. Select "Catalog" from the popup menu that is displayed. The image catalog window appears.
Type "Product" in the search area. Click the magnifier to start the search.
Select and validate ("OK").
The screen for configuring the generated image is displayed. This screen is used to modify the characteristics of the image to generate: size, lightness, ... Keep the default options and validate.
The image is generated in the project directory and the corresponding file is automatically associated with the current element.
In the Tab control description window, click "Finding customers" in the list of static panes.
Click the button on the right of "Image" control. Select "Catalog" from the popup menu that is displayed. The image catalog window appears.
In the search area, specify "Person". Click the magnifier to start the search.
Select, among the proposed images, the icon representing two persons ( ) and validate.
Keep the options found in the setting screen of generated image and validate.
Validate the Tab control description window.

A new control was just created: we must now manage its anchoring in the window. When the window is enlarged, the Tab control must also be enlarged in order to occupy the entire available space. Therefore, the control must stretch to the right and to the bottom.
1. Select the Tab control.
2. Display the popup menu (right mouse click) and select "Anchor".
3. In the window for defining the anchor, select and validate.
4. Save the window by clicking among the quick access buttons.

DICAS 3008 - WINDEV TUTORIAL 31 - Adicionar e Modificar Janelas ANCORAS - PARTE D
DICAS 3009 - WINDEV TUTORIAL 32-Adicionar e Modificar Janelas - Exibicao registro - PARTE E

DICAS 3010 - WINDEV TUTORIAL 33-Adicionar e Modificar Janelas - Modifica Imagen - PARTE F

DICAS 3011 - WINDEV TUTORIAL 34 - Adicionar e Modificar Janelas - Validacao - PARTE G

DICAS 3012 - WINDEV TUTORIAL 35 - Adicionar e Modificar Janelas - CRIACAO - PARTE H

DICAS 3013 - WINDEV TUTORIAL 36 - Adicionar e Modificar Janelas - Teste - PARTE I

DICAS 3014 - WINDEV TUTORIAL 37 - Pesquisa Simples - Apresentacao - PARTE A

DICAS 3015 - WINDEV TUTORIAL 38 - Pesquisa Simples - Usando Controle Tab- PARTE B

DICAS_3016_WINDEV_TUTORIAL_39_Pesquisa_Simples_Configurando_Pesquisa_PARTE_C

quarta-feira, 12 de agosto de 2020

DICAS 3014 - WINDEV TUTORIAL 37 - Pesquisa Simples - Apresentacao - PARTE A

https://youtu.be/OFLnZz2bM8Q

Bom Dia/Boa Tarde/Boa Noite

Esse Ao Vivo vai estrear as 09:00 do dia 25/08/2020

DICAS 3014 - WINDEV TUTORIAL 37 - Pesquisa Simples - Apresentacao - PARTE A

Tutoriel WINDEV : Leçon 4.3.a. Recherche simple - Présentation

https://windevdesenvolvimento.blogspot.com/2020/08/dicas-3014-windev-tutorial-37-pesquisa.html

ASSUNTOS

EXPLICANDO O QUE SERA FEITO NESSAS LICOES

https://doc.windev.com/en-US/?1410087533&name=lecon_43_recherche_simple_parcours_des_enregistrements

Video original da Franca

https://youtu.be/MnuivOQ_ybk

Playlist Windev TUTORIAL

https://www.youtube.com/playlist?list=PLwJwZaqiZW-lxU1XF0M0htb5S5f8pavuE

ErpMatos - TgsSistemas

skype:amarildo.matos.informatica

email: amarildo.matos@gmail.com

whats: 51984197742

Youtube: Amarildo Matos

http://www.amarildomatos.com.br

https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com

https://www.pcsoft.fr/webinaires.htm?p=forumpcs

https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp

https://www.windev.com/windev/WD-Express.htm

https://www.windev.com/windevmobile/WM-Express.htm

http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html

Lesson 4.3. Simple search and record browse

This lesson will teach you the following concepts

Managing the search for records.
Browsing records.


	Estimated time: 30 mn

Previous Lesson

Table of contents

Next Lesson

Overview

We have managed the addition and modification of records. It's fine. But it would be even better to be able to find a record (to modify it for example). That's what we are going to do now.

We are going to modify the main window of "WD Full Application" application to use tab panes.

The first tab pane will display the product list and manage the addition and modification of products (these operations have been performed in previous lessons).
The second tab pane will propose to find a customer by name. The customer form will be displayed in the same tab pane.

Two search modes will be implemented:

an exact-match search,
a generic search.

Then, you will have the ability to browse the records found in the data file from the customer displayed.


	Answer	A corrected project is available. This project contains the different windows created in this lesson. To open the corrected project, in WINDEV's home page (Ctrl + <), click "Tutorial" and select "Full application (With windows)".