PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • The CSS styles are the standard styles used on Internet.
  • Managing the CSS styles
  • Style of a control
  • Editing the CSS styles
  • Importing a CSS style sheet
  • Overview
  • The CSS styles are the standard styles used on Internet.
  • Managing the CSS styles
  • Creating and modifying a CSS style
  • Creation and modification from the description window of the control style
  • Associating a CSS style with a control
  • Overloading the CSS style associated with a control
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview

The CSS styles are the standard styles used on Internet.

A CSS style is used to define the style characteristics of a control.
If several controls of a project use the same CSS style, the style modification performed from a control will be applied to all the other project controls that use this CSS style.
Note: If the style is "local to the control", only the style of the current control will be modified. However, the style will be included in the HTML page (consequence: page slower to load).
Managing the CSS styles

Style of a control

The description window of controls is used to manage the style of this control ("Style" tab). This control can be associated with:
  • a WEBDEV style ("WEBDEV style"). See WEBDEV styles for more details.
  • a CSS style ("Free style"). Depending on the type of control, several CSS styles can be used for the different elements of the control. For example, for a List Box control, a CSS style is used for the caption of the control and a CSS style is used for the elements found inside the control.
The CSS style associated with a control can be local or not.
If the style is local, then this style is associated with the current control (it does not depend on the modifications made to the style sheet of the project). This style will not be the one defined in the CSS style sheet: this style will be defined in the HTM file of the page.
You should avoid using styles that are "local to a control" because this option increases the size of the generated HTML pages (and therefore the time required to load the pages on the browser of the Web user).
The button is used to edit the characteristics of the CSS style. See Describing the CSS style for more details.

Editing the CSS styles

WEBDEV gives you the ability to edit the CSS styles found in the style sheet associated with the project.
See Editing the style sheets for more details.

Importing a CSS style sheet

WEBDEV gives you the ability to import the styles found in an existing CSS style sheet.
See Importing a CSS style sheet for more details.
Overview

The CSS styles are the standard styles used on Internet.

A CSS style is used to define some style characteristics of a control. The CSS styles are included and use by the WEBDEV styles.
WEBDEV allows you to manage the CSS styles. You can:
  • Create a CSS style.
  • Modify a CSS style.
  • Associate a CSS style with a control.
  • Overload the CSS style associated with a control.
Managing the CSS styles

Creating and modifying a CSS style

The creation and the modification of a CSS style can be performed:
  • from the description window of the control styles.
  • from the window for managing the CSS styles. See Editing the CSS style sheets for more details.

Creation and modification from the description window of the control style

The description window of controls is used to manage the style of this control ("Style" tab). Several elements are managed by the "Style" tab. The elements that can use a CSS style are identified by "(CSS)" at the end of their caption. Depending on the type of control, several CSS styles can be used for the different elements of the control. For example, for a List Box control:
  • a CSS style is used for the caption of the control
  • a CSS style is used for the elements found in the control.
The CSS style associated with a control element can be local or not.
If the style is local, it means that this style is associated with the current control (and that it does no longer depend on the modifications made to the project style sheet). This style will not be the one defined in the CSS style sheet: this style will be defined in the HTM file of the page.
You should avoid using styles that are "local to a control" because this option increases the size of the generated HTML pages (and therefore the time required to load the pages on the browser of the Web user).
If the CSS style corresponds to the name of a CSS style, it means that the control uses a CSS style defined in the CSS style sheet. If the CSS style is modified, all the controls that use this CSS style will be updated.
The button is used to edit the characteristics of the CSS style. You can:
  • edit the local style
  • edit the CSS style used.
  • create a new CSS style and associate it with the control.
See Description window of a CSS style for more details.

Associating a CSS style with a control

To associate a CSS style with a control, all you have to do is specify, in the description window of the style, the CSS style that must be used for the requested element.

Overloading the CSS style associated with a control

Caution: A modification performed in the bottom section of the style characteristics does not modify the CSS style associated with the control: this modification redefines the CSS style locally. Only the characteristics of the CSS style of the current element are overloaded. This modification is not applied to all the controls that use the CSS style.
Minimum required version
  • Version 9
Comments
Click [Add] to post a comment