GeneXus is able to detect the presence of HTML tags written programmatically by the developer in Client-side Events. This approach behaves as the Format property when used to format plain text at design time for certain string properties. However, in this case, GeneXus guesses at runtime which strings written by the developer are formatted with HTML tags.
The table below shows the equivalence between HTML tags and Format effect names commonly found in text editors.
| Tags |
Format |
Examples |
| Input |
Output |
| b, strong |
Bold |
<b>example</b> text |
example text |
| i, em, cite, dfn |
Italics |
<em>example</em> text |
example text |
| u |
Underline |
<u>example</u> text |
example text |
| sub |
Subtext |
<sub>example</sub> text |
example text |
| sup |
Supertext |
<sup>example</sup> text |
example text |
| big |
Big |
<big>example</big> text |
example text |
| small |
Small |
<small>example</small> text |
example text |
| h1 … h6 |
Headlines |
- |
- |
| font |
Font face and color |
<font color="red" size="3">example</font> text |
example text |
| blockquote |
For longer quotes |
<blockquote>example</blockquote> |
example
|
| a |
Link |
<a href="genexus.com">example</a> |
example |
| div, p |
Paragraph |
<p>example</p> |
example
|
| br |
Linefeed |
ex<br />ample |
ex
ample |
In addition, the developer can add a character entity reference to the string. All characters have the following format:
&<name>;
where <name> is the name of the character.
Common character names are listed below with their results.
| Name |
Character |
|
Name |
Character |
| quot |
" |
|
alpha |
α |
| amp |
& |
|
beta |
β |
| apos |
' |
|
gamma |
γ |
| lt |
< |
|
delta |
δ |
| gt |
> |
|
epsilon |
ε |
| le |
≤ |
|
zeta |
ζ |
| ge |
≥ |
|
eta |
η |
| ne |
≠ |
|
theta |
θ |
| pount |
£ |
|
iota |
ι |
| current |
¤ |
|
kappa |
κ |
| yen |
¥ |
|
lambda |
λ |
| copy |
© |
|
mu |
μ |
| reg |
® |
|
nu |
ν |
| trade |
™ |
|
xi |
ξ |
| plusmn |
± |
|
omicron |
ο |
| sup1 |
¹ |
|
pi |
π |
| sup2 |
² |
|
rho |
ρ |
| sup3 |
³ |
|
sigma |
σ |
| isin |
∈ |
|
tau |
τ |
| notin |
∉ |
|
phi |
φ |
| exist |
∃ |
|
chi |
χ |
| forall |
∀ |
|
psi |
ψ |
| part |
∂ |
|
omega |
ω |
| sum |
∑ |
|
larr |
← |
| prod |
∏ |
|
rarr |
→ |
| int |
∫ |
|
uarr |
↑ |
| radic |
√ |
|
darr |
↓ |
| inf |
∞ |
|
harr |
↔ |
| sub |
⊂ |
|
carr |
↵ |
| sup |
⊃ |
|
lArr |
⇐ |
| nsub |
⊄ |
|
uArr |
⇑ |
| sube |
⊆ |
|
rArr |
⇒ |
| supe |
⊇ |
|
dArr |
⇓ |
| empty |
∅ |
|
hArr |
⇔ |
| and |
∧ |
|
|
|
| or |
∨ |
|
|
|
Note that names are case-sensitive. A complete list can be found here.
Suppose that, as a developer, you want to alert the user about a certain action. This can be done using a single invocation of Confirm function before the action section code.
Event 'AddToCart'
Composite
Confirm("<font color='#e68a00' size='3'>WARNING</font><br>Are you sure? It can <b>not</b> be <u>undone</u>")
Do 'SubAddToCart'
EndComposite
Endevent
The result of invoking this action is as follows:
Also, you are able to format the Form (e.g. promoting some benefit for end users).
In this case, this is achieved with a single line of code.
Event ClientStart
Form.Caption = iif(ProductPrice < 100, "This product has <b>Free <i>shipping</i>!</b>", "Detail")
Endevent
- If you use NewLine function and <br /> HTML tag in the same text, the first one will be ignored.
Controls: Attribute/Variable, Button, Text Block
Generators: Android, Apple, .NET, .NET Framework, Java
This property is available in GeneXus 15.