summaryrefslogtreecommitdiffstats
path: root/documentation/themes
diff options
context:
space:
mode:
authorPekka Hyvönen <pekka@vaadin.com>2017-01-10 08:36:09 +0200
committerHenri Sara <henri.sara@gmail.com>2017-01-10 08:36:09 +0200
commitcba4eb476b559cc97ccf2d8197d176a0813707c7 (patch)
treef6c17b79ea161809d31e044425b95486e4c99efc /documentation/themes
parent91723ac8dde24249b2753d671f42d0f3cddb20a9 (diff)
downloadvaadin-framework-cba4eb476b559cc97ccf2d8197d176a0813707c7.tar.gz
vaadin-framework-cba4eb476b559cc97ccf2d8197d176a0813707c7.zip
Remove all referrals to book examples (#8163)
Minor documentation fixes.
Diffstat (limited to 'documentation/themes')
-rw-r--r--documentation/themes/themes-compiling.asciidoc2
-rw-r--r--documentation/themes/themes-fonticon.asciidoc9
-rw-r--r--documentation/themes/themes-responsive.asciidoc11
3 files changed, 1 insertions, 21 deletions
diff --git a/documentation/themes/themes-compiling.asciidoc b/documentation/themes/themes-compiling.asciidoc
index 442144ea0d..97f2d9b317 100644
--- a/documentation/themes/themes-compiling.asciidoc
+++ b/documentation/themes/themes-compiling.asciidoc
@@ -159,7 +159,7 @@ Start with the following configuration:
... other project build definitions ...
<!-- Name of the theme -->
- <property name="theme" value="book-examples"/>
+ <property name="theme" value="mytheme"/>
<!-- Compilation result directory -->
<property name="result" value="build/result"/>
diff --git a/documentation/themes/themes-fonticon.asciidoc b/documentation/themes/themes-fonticon.asciidoc
index 9dd5824be5..c1d1ce2341 100644
--- a/documentation/themes/themes-fonticon.asciidoc
+++ b/documentation/themes/themes-fonticon.asciidoc
@@ -56,7 +56,6 @@ layout.addComponent(name);
Button ok = new Button("OK", FontAwesome.CHECK);
layout.addComponent(ok);
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.fonticon.basic[on-line example, window="_blank"].
The result is illustrated in <<figure.themes.fonticon.using>>, with the color
styling described next.
@@ -97,7 +96,6 @@ Label label = new Label("I " +
label.addStyleName("redicon");
layout.addComponent(label);
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.fonticon.html[on-line example, window="_blank"].
The HTML code has the [stylename]#v-icon# style, which you can modify in CSS:
@@ -107,7 +105,6 @@ The HTML code has the [stylename]#v-icon# style, which you can modify in CSS:
color: red;
}
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.fonticon.html[on-line example, window="_blank"].
The result is illustrated in <<figure.themes.fonticon-html.label>>, with the color
styling described next.
@@ -133,8 +130,6 @@ public String getHtml() {
Integer.toHexString(codepoint) + ";</span>";
}
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.fonticon.html[on-line example, window="_blank"].
-
[[themes.fonticon.anywhere]]
== Using Font Icons in Other Text
@@ -153,7 +148,6 @@ TextField amount = new TextField("Amount (in " +
amount.addStyleName("awesomecaption");
layout.addComponent(amount);
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.fonticon.intext[on-line example, window="_blank"].
You need to set the font family in CSS.
@@ -163,7 +157,6 @@ You need to set the font family in CSS.
font-family: FontAwesome;
}
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.fonticon.intext[on-line example, window="_blank"].
[[themes.fonticon.custom]]
@@ -242,7 +235,6 @@ public enum MyFontIcon implements FontIcon {
}
}
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.fonticon.custom[on-line example, window="_blank"].
Then you can use it as usual:
@@ -252,7 +244,6 @@ TextField name = new TextField("Amount");
name.setIcon(MyFontIcon.EURO);
layout.addComponent(name);
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.fonticon.custom[on-line example, window="_blank"].
You could make the implementation a class as well, instead of an enumeration, to
allow other ways to specify the icons.
diff --git a/documentation/themes/themes-responsive.asciidoc b/documentation/themes/themes-responsive.asciidoc
index b4377f9b66..f19316cb9c 100644
--- a/documentation/themes/themes-responsive.asciidoc
+++ b/documentation/themes/themes-responsive.asciidoc
@@ -36,7 +36,6 @@ content.addComponent(c);
// Enable Responsive CSS selectors for the component
Responsive.makeResponsive(c);
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.responsive.basic[on-line example, window="_blank"].
You can now use [literal]#++width-range++# and [literal]#++height-range++#
conditions in CSS selectors as follows:
@@ -67,7 +66,6 @@ conditions in CSS selectors as follows:
font-size: 36pt;
}
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.responsive.basic[on-line example, window="_blank"].
You can have overlapping size ranges, in which case all the selectors matching
the current size are enabled.
@@ -126,7 +124,6 @@ Image image = new Image(null,
image.addStyleName("itembox");
layout.addComponent(image);
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.responsive.flexwrap[on-line example, window="_blank"].
The SCSS could be as follows:
@@ -160,7 +157,6 @@ The SCSS could be as follows:
.itembox {width: 50%}
}
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.responsive.flexwrap[on-line example, window="_blank"].
The layout in the wide mode is shown in <<figure.theme.responsive.flexwrap>>.
@@ -214,7 +210,6 @@ Label notenoughspace = new Label("Quite small space");
notenoughspace.addStyleName("notenoughspace");
layout.addComponent(notenoughspace);
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.responsive.display[on-line example, window="_blank"].
The SCSS could be as follows:
@@ -252,7 +247,6 @@ The SCSS could be as follows:
.notenoughspace {display: none}
}
----
-See the http://demo.vaadin.com/book-examples-vaadin7/book#themes.responsive.display[on-line example, window="_blank"].
endif::web[]
@@ -265,11 +259,6 @@ link:http://demo.vaadin.com/responsive/[demo.vaadin.com/responsive]. It
demonstrates the flexible wrapping technique described in
<<themes.responsive.wrap>>.
-The
-link:http://demo.vaadin.com/book-examples-vaadin7/book/#themes.responsive.basic[Book
-Examples] demo provides the examples given in this chapter, as well as some
-others.
-
((("Parking
demo")))
((("TouchKit", "Parking