Recent changes to font

font modified by Si Dunford

Si Dunford — Tue, 15 Oct 2013 10:17:03 -0000

--- v5
+++ v6
@@ -1,4 +1,5 @@
-[<BACK](Home)
+[<-BACK](Home)
+- - -
 **FONTS ARE CURRENTLY NOT IMPLEMENTED**

 Due to an issue obtaining the current font for a gadget there is no way to make a change to the font without completely replacing it.

font modified by Si Dunford

Si Dunford — Tue, 15 Oct 2013 10:14:58 -0000

--- v4
+++ v5
@@ -0,0 +1,6 @@
+[<BACK](Home)
+**FONTS ARE CURRENTLY NOT IMPLEMENTED**
+
+Due to an issue obtaining the current font for a gadget there is no way to make a change to the font without completely replacing it.
+
+There are a couple of test versions that implement it to various degrees and it will be released as soon as it is stable.

StyleIndex modified by Si Dunford

Si Dunford — Tue, 15 Oct 2013 10:11:46 -0000

--- v3
+++ v4
@@ -1,193 +0,0 @@
-
-Syntax
-A Style is created from two parts, a Selector and a declaration group.
-
-A selector identifies the element within the page that you wish to style and the declaration group is the style that will be deployed. A declaration group is contains in brackets "{}".
-
-Each declaration consists of a property and it's value and there can be several declarations in a declaration group separated by a semicolon.
-
-The example below will style all Text Fields and consists of three declarations: border, background colour and text colour.
-
-textfield {border:solid;background-color:#33ffff;color:#000000;}
-Comments
-Comments within a stylesheet are lines beginning with a forwardslash "/" for example:
-
-//Default Text Field Style
-textfield {border:solid;background-color:#33ffff;color:#000000;}
-
-##########################################################
-#summary One-sentence summary of this page.
-#sidebar StylesheetIndex
-
-=Selectors=
-
-Selectors identify the element that is to be styled and can comprise of a _Element_, an object _Name_ or an object _Extra_. Additionally styles can be assigned at _Platform_ level if required.
-
-||{{{*}}}||Default style applied to all objects||
-||{{{}}}||Style applied to all objects of an element||
-||{{{~}}}||Style applied to platform (windows,, mac or linux)||
-||{{{#}}}||Style applied to object with unique name||
-||{{{.}}}||Style applied to all objects with this "Extra" name||
-
-==Element==
-An element is the object type of a MaxGUI gadget equivalent to the value returned by gadgetClass().
-
-All the standard elements and any that are created in the future are supported simply by including their gadgetClass. The standard ones are:
-
- * button
- * combobox
- * desktop
- * htmlview
- * label
- * listbox
- * menuitem
- * node
- * panel
- * progbar
- * slider
- * tabber
- * textarea
- * textfield
- * toolbar
- * treeview
- * window
-
-==Platform==
-
-As of Version 1.0 there are three platforms defined, _Linux_, _Mac_ and _Windows_. These can be identified in your stylesheet prefixed with the Tilde character.
-
-Platform selectors can be used in the following ways:
-{{{
-~windows#name
-~windows#name.extra
-~windows.extra
-textfield~windows {}
-textfield~windows#name {}
-textfield~windows#name.extra {}
-}}}
-
-==Name==
-
-Name is identified in the selector by use of a hash sigh "#" and represents the unique gadget.name property of a !MaxGui gadget.
-
-==Extra==
-
-Extra is identified in the selector by use of a period "." and represents a string of the gadget.extra property of a !MaxGui gadget.
-
-#summary One-sentence summary of this page.
-#sidebar StylesheetIndex
-
-= Stylesheet =
-
-[StyleIndex]
-
-
-
-==Selectors==
-||{{{*}}}||Default style applied to all objects||
-||{{{}}}||Style applied to all objects of an element||
-||{{{~}}}||Style applied to platform (windows,, mac or linux)||
-||{{{#}}}||Style applied to object with unique name||
-||{{{.}}}||Style applied to all objects with this "Extra" name||
-
-Selectors must be applied in order to enable them, however they do not all need to be included. For example the following selectors are all valid:
-{{{
-* {}
-textarea~linux {}
-textarea#username {}
-#username.central {}
-}}}
-
-==Plaforms==
-*linux
-*mac
-*windows
-
-==Element types==
-Element types are MaxGui Gadgetclass() types. These can be extended simply by including them in your stylesheet.
-*desktop
-*window
-*button
-*panel
-*textfield
-*textarea
-*combobox
-*listbox
-*toolbar
-*tabber
-*treeview
-*htmlview
-*label
-*slider
-*progbar
-*menuitem
-*node
-
-==Styles==
-===background-color:===
-||{{{"#"}}}||Standard Red-Green-Blue format||
-||{{{"#"}}}||Shorthand 3-digit Reg-Green-Blue||
-||{{{WINDOWBG}}}||Operating system Window Background colour||
-||{{{GADGETBG}}}||Operating system Gadget Background colour||
-||{{{GADGETFG}}}||Operating system Gadget Foreground colour||
-||{{{SELECTIONBG}}}||Operating system Selection Background colour||
-||{{{LINKFG}}}||Operating system Link Foreground colour||
-
-*Example:*
-{{{
-textfield {
-  background-color:#3333ff;
-}
-}}}
-
-===border:===
-This is Windows Only and uses grables SetGadgetBorder() function
-||none||Default||
-||threed||Three-d border||
-||solid||Solid line||
-
-*Example:*
-{{{
-textfield {
-  border:#solid;
-}
-}}}
-
-===color:===
-Sets the Foreground (Text) colour of an element
-   "#" 
-   "#"
-   WINDOWBG
-   GADGETBG
-   GADGETFG
-   SELECTIONBG
-   LINKFG 
-
-===enabled===
-   "true"      (default)
-   "false"
-
-===height===
-   (px)
-
-===left===
-   (px)
-===opacity===
-   A number from 0.0 to 1.0 (Default)
-===posiiton===
-Set gadget layout, each value can be CENTER,ALIGN,RELATIVE
-   
-   bottom>,
-   ,,,
-===top===
-   (px)
-===visibility===
-   "visible"   (default)
-   "hidden"
-===width===
-   (px)
-
-===bottom===
-   (px)
-===right===
-   (px)

StyleIndex modified by Si Dunford

Si Dunford — Tue, 15 Oct 2013 08:49:50 -0000

--- v2
+++ v3
@@ -1,4 +1,3 @@
-

 Syntax
 A Style is created from two parts, a Selector and a declaration group.

StyleIndex modified by Si Dunford

Si Dunford — Tue, 15 Oct 2013 08:17:22 -0000

--- v1
+++ v2
@@ -1,49 +1,4 @@
-#summary One-sentence summary of this page.

- * [Download]
- * [Installation]
-
-==Basics==
- * [Stylesheet Stylesheet Syntax]
- * [Selectors]
- * [HowTo How to use it]
-
-==Styling==
- * [Border] - Windows ONLY
- * [Text]
-
-==Advanced==
- * [Display]
- * [Positioning]
- * [Align]
- * [Opacity]
-
-==Examples==
- * Examples
-
-==References==
- * [Reference]
- * [Selectors]
- * [Fonts]
- * [Colors]
- * [ColorValues Color Values]
- * [ColorNames Color Names]
- * [ColorHEX Color HEX]
-
-==Developer==
- * [About]
- * [ChangeLog Change Log]
-
-
-
-################################################
-Installation
-Currently this project is an Include, but later it will become a module.
-
-Details
-Copy the downloaded files to maxgui.stylesheet folder within your project folder and include the following in your project to use it.
-
-include "maxgui.stylesheet\stylesheet.bmx"

 Syntax
 A Style is created from two parts, a Selector and a declaration group.

StyleIndex modified by Si Dunford

Si Dunford — Tue, 15 Oct 2013 07:48:18 -0000

summary One-sentence summary of this page.

[Download]
[Installation]

==Basics==
* [Stylesheet Stylesheet Syntax]
* [Selectors]
* [HowTo How to use it]

==Styling==
* [Border] - Windows ONLY
* [Text]

==Advanced==
* [Display]
* [Positioning]
* [Align]
* [Opacity]

==Examples==
* Examples

==References==
* [Reference]
* [Selectors]
* [Fonts]
* [Colors]
* [ColorValues Color Values]
* [ColorNames Color Names]
* [ColorHEX Color HEX]

==Developer==
* [About]
* [ChangeLog Change Log]

Installation
Currently this project is an Include, but later it will become a module.

Details
Copy the downloaded files to maxgui.stylesheet folder within your project folder and include the following in your project to use it.

include "maxgui.stylesheet\stylesheet.bmx"

Syntax
A Style is created from two parts, a Selector and a declaration group.

A selector identifies the element within the page that you wish to style and the declaration group is the style that will be deployed. A declaration group is contains in brackets "{}".

Each declaration consists of a property and it's value and there can be several declarations in a declaration group separated by a semicolon.

The example below will style all Text Fields and consists of three declarations: border, background colour and text colour.

textfield {border:solid;background-color:#33ffff;color:#000000;}
Comments
Comments within a stylesheet are lines beginning with a forwardslash "/" for example:

//Default Text Field Style
textfield {border:solid;background-color:#33ffff;color:#000000;}

summary One-sentence summary of this page.

=Selectors=

Selectors identify the element that is to be styled and can comprise of a Element, an object Name or an object Extra. Additionally styles can be assigned at Platform level if required.

||{{{*}}}||Default style applied to all objects||
||{{{}}}||Style applied to all objects of an element||
||{{{~}}}||Style applied to platform (windows,, mac or linux)||
||{{{#}}}||Style applied to object with unique name||
||{{{.}}}||Style applied to all objects with this "Extra" name||

==Element==
An element is the object type of a MaxGUI gadget equivalent to the value returned by gadgetClass().

All the standard elements and any that are created in the future are supported simply by including their gadgetClass. The standard ones are:

button
combobox
desktop
htmlview
label
listbox
menuitem
node
panel
progbar
slider
tabber
textarea
textfield
toolbar
treeview
window

==Platform==

As of Version 1.0 there are three platforms defined, Linux, Mac and Windows. These can be identified in your stylesheet prefixed with the Tilde character.

Platform selectors can be used in the following ways:
{{{
~windows#name
~windows#name.extra
~windows.extra
textfield~windows {}
textfield~windows#name {}
textfield~windows#name.extra {}
}}}

==Name==

Name is identified in the selector by use of a hash sigh "#" and represents the unique gadget.name property of a !MaxGui gadget.

==Extra==

Extra is identified in the selector by use of a period "." and represents a string of the gadget.extra property of a !MaxGui gadget.

summary One-sentence summary of this page.

= Stylesheet =

[StyleIndex]

==Selectors==
||{{{*}}}||Default style applied to all objects||
||{{{}}}||Style applied to all objects of an element||
||{{{~}}}||Style applied to platform (windows,, mac or linux)||
||{{{#}}}||Style applied to object with unique name||
||{{{.}}}||Style applied to all objects with this "Extra" name||

Selectors must be applied in order to enable them, however they do not all need to be included. For example the following selectors are all valid:
{{{
* {}
textarea~linux {}
textarea#username {}

username.central {}

}}}

==Plaforms==
linux
mac
*windows

==Element types==
Element types are MaxGui Gadgetclass() types. These can be extended simply by including them in your stylesheet.
desktop
window
button
panel
textfield
textarea
combobox
listbox
toolbar
tabber
treeview
htmlview
label
slider
progbar
menuitem
*node

==Styles==
===background-color:===
||{{{"#"}}}||Standard Red-Green-Blue format||
||{{{"#"}}}||Shorthand 3-digit Reg-Green-Blue||
||{{{WINDOWBG}}}||Operating system Window Background colour||
||{{{GADGETBG}}}||Operating system Gadget Background colour||
||{{{GADGETFG}}}||Operating system Gadget Foreground colour||
||{{{SELECTIONBG}}}||Operating system Selection Background colour||
||{{{LINKFG}}}||Operating system Link Foreground colour||

Example:
{{{
textfield {
background-color:#3333ff;
}
}}}

===border:===
This is Windows Only and uses grables SetGadgetBorder() function
||none||Default||
||threed||Three-d border||
||solid||Solid line||

Example:
{{{
textfield {
border:#solid;
}
}}}

===color:===
Sets the Foreground (Text) colour of an element
"#"
"#"
WINDOWBG
GADGETBG
GADGETFG
SELECTIONBG
LINKFG

===enabled===
"true" (default)
"false"

===height===
(px)

===left===
(px)
===opacity===
A number from 0.0 to 1.0 (Default)
===posiiton===
Set gadget layout, each value can be CENTER,ALIGN,RELATIVE

bottom>,
,,,
===top===
(px)
===visibility===
"visible" (default)
"hidden"
===width===
(px)

===bottom===
(px)
===right===
(px)