PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • Overview of pages
  • Creating a page
  • How to?
  • Files corresponding to the pages
  • Describing a page
  • Creating a page from an internal page (and conversely)
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Overview of pages
Pages are the main interface of a WEBDEV site. Pages allow Web users to view and handle information.
This information can be:
  • Dynamic information coming from data files, queries, ... This information changes according to the requests made by the Web users.
  • Static. The information is fixed and it does not change.
Creating a page

How to?

To create a page:
  1. Click in the quick access buttons.
    • The element creation window appears: click "Page" then "Page".
    • The page creation wizard starts.
  2. Select the type of page to create:
    • the "Standard " option allows you to create:
      • a blank page without any controls.
        Versions 21 and later
        The type of this blank page can be:
        • Simple layout: Blank page using the zoning.
        • Responsive Web Design: Blank page whose type is Responsive Web Design. For more details, see Creating a Responsive Web Design page.
        • HTML mode: Blank page whose type is HTML Stream.
        New in version 21
        The type of this blank page can be:
        • Simple layout: Blank page using the zoning.
        • Responsive Web Design: Blank page whose type is Responsive Web Design. For more details, see Creating a Responsive Web Design page.
        • HTML mode: Blank page whose type is HTML Stream.
        The type of this blank page can be:
        • Simple layout: Blank page using the zoning.
        • Responsive Web Design: Blank page whose type is Responsive Web Design. For more details, see Creating a Responsive Web Design page.
        • HTML mode: Blank page whose type is HTML Stream.
      • a page based on a project template, if the project contains a page template.
      • pages based on preset templates (2 or 3 columns, inset on the right or left, etc.).
        You can generate the page and the page template, or the page only.
        Versions 19 and later
        The generated page contains controls in order to propose a possible layout. These controls can be modified or deleted later.
        New in version 19
        The generated page contains controls in order to propose a possible layout. These controls can be modified or deleted later.
        The generated page contains controls in order to propose a possible layout. These controls can be modified or deleted later.
    • "Internal pages" is used to create:
      • a blank internal page that can be included (with its code) in another page via the "Internal page" controls.
      • internal pages specific to the management of dialog boxes.
    • Versions 17 and later
      "Error pages" is used to create error pages. These error pages allow you to customize the error page displayed in the site. For more details, see Managing the site errors.
      New in version 17
      "Error pages" is used to create error pages. These error pages allow you to customize the error page displayed in the site. For more details, see Managing the site errors.
      "Error pages" is used to create error pages. These error pages allow you to customize the error page displayed in the site. For more details, see Managing the site errors.
    • "RAD " is used to create "Dynamic RAD" pages to display and to enter data. This type of page can be based on a data file, on a query, etc.
    • "RID" is used to create RID pages that allow data input. Only the interface of the page will be generated. The programming must be done by the developer.
To display the characteristics of the created page, use one of the following methods:
  • Select "Description" in the page popup menu.
  • On the "Modification" tab, in the "Quick edit" group, click "Description".

Files corresponding to the pages

The pages correspond to WEBDEV ".WWH " files. By default, these files are created in the main directory of the project.
When generating the pages of the site, the ".WWH" files are automatically converted into ".HTM" files. These HTML files are created in different directories depending on the type of the page:
  • Dynamic page: subdirectories of the project languages (e.g. "US", "FR", etc.).
  • Static page: subdirectories of the languages found in the "<ProjectName>_WEB" directory of the project ("MySite_Web/US" for example).
For more details, see Project directories.

Describing a page

The description window of a page contains several tabs used to define all the characteristics of the page:
  • "General" tab: It is used to define:
    • the name of the page,
    • its description,
    • its title,
    • its type (Session, AWP, static, PHP, etc.),
    • its edit mode (zoning, Responsive Web Design, etc.).
  • "UI" tab: It is used to define:
    • the characteristics of the automatic Ajax indicator,
    • various display options:
    • adaptation for mobiles,
    • iPhone webApps,
    • the hover cursor of the page.
    • the size of the page.
    • the anchoring options of the page.
  • "Details" tab: It is used to define:
  • "Frame" tab: It is used to defined the characteristics of the frames.
  • "Languages" tab: It is used to define the languages available in the page.
  • "Note" tab: It is used to define the title of the notes and their content. This information will be printed in the technical documentation.
  • "Advanced" tab: It is used to:
  • "Style" tab: It is used to define:
    • Versions 15 and later
      the characteristics of the skin associated with the page. For more details, see Management of skins.
      New in version 15
      the characteristics of the skin associated with the page. For more details, see Management of skins.
      the characteristics of the skin associated with the page. For more details, see Management of skins.
    • the style sheet associated with the page.
    • the page style options:
      • Browser background.
      • Page background and borders. For example, the background image associated with the page. For more details, see Page and background image.
      • Default colors: This option allows you to define the different colors used for the text of the page, links, visited links, ... This information modifies the code of the <BODY> tag of the HTML page.

Creating a page from an internal page (and conversely)

WEBDEV allows you to create a page from an internal page (and conversely).
  • To create an internal page from the current page, go to the "Home" tab, "General" group, expand "Save" and select "Save page as an internal page".
  • To create a page from the current internal page, go to the "Home" tab, "General" group, expand "Save" and select "Save internal page as a page".
Related Examples:
WW_CloudTags Sample components (WEBDEV): WW_CloudTags
[ + ] This example explains how to display a cloud of tags in a dynamic WEBDEV application.
Indeed, on Internet, a site page responds more or less to a set of keywords.
The purpose of this example is to explain how to display the keywords of a site in an area of the page by indicating the important keywords graphically.
The keywords are represented as links of different sizes: the more important the keyword is, the larger the font is.
Minimum version required
  • Version 9
Comments
Click [Add] to post a comment