Repository: wicket
Updated Branches:
  refs/heads/3435-use-bootstrap-for-examples 63c909c4e -> 4b920b58b


WICKET-3435 Revamp Wicket Examples with the new website L&F

Finish Bootstrapify compref


Project: http://git-wip-us.apache.org/repos/asf/wicket/repo
Commit: http://git-wip-us.apache.org/repos/asf/wicket/commit/4b920b58
Tree: http://git-wip-us.apache.org/repos/asf/wicket/tree/4b920b58
Diff: http://git-wip-us.apache.org/repos/asf/wicket/diff/4b920b58

Branch: refs/heads/3435-use-bootstrap-for-examples
Commit: 4b920b58b59fd00443413ec58f853960ef388362
Parents: 63c909c
Author: Martin Tzvetanov Grigorov <[email protected]>
Authored: Sat Nov 29 15:23:07 2014 +0100
Committer: Martin Tzvetanov Grigorov <[email protected]>
Committed: Sat Nov 29 15:23:07 2014 +0100

----------------------------------------------------------------------
 .../compref/CheckBoxMultipleChoicePage.html     | 50 ++++++------
 .../compref/CheckBoxMultipleChoicePage.java     | 14 ++--
 .../examples/compref/CheckBoxSelectorPage.html  | 63 +++++++++------
 .../examples/compref/CheckBoxSelectorPage.java  |  2 +
 .../examples/compref/CheckGroupPage2.html       | 81 +++++++++++---------
 .../examples/compref/CheckGroupPage2.java       |  3 +-
 .../examples/compref/DropDownChoicePage.html    | 65 ++++++++--------
 .../examples/compref/DropDownChoicePage.java    |  5 +-
 .../wicket/examples/compref/ListChoicePage.html | 42 +++++-----
 .../wicket/examples/compref/ListChoicePage.java |  9 ++-
 .../compref/ListMultipleChoicePage.html         | 66 ++++++++--------
 .../compref/ListMultipleChoicePage.java         |  9 ++-
 .../wicket/examples/compref/PalettePage.html    | 29 +++----
 .../wicket/examples/compref/PalettePage.java    |  5 +-
 .../examples/compref/RadioChoicePage.html       | 40 +++++-----
 .../examples/compref/RadioChoicePage.java       | 11 ++-
 .../wicket/examples/compref/RadioGroupPage.html | 62 +++++++--------
 .../wicket/examples/compref/RadioGroupPage.java |  5 +-
 .../examples/compref/RadioGroupPage2.html       | 69 ++++++++---------
 .../examples/compref/RadioGroupPage2.java       |  5 +-
 .../wicket/examples/compref/SelectPage.html     | 78 +++++++++----------
 .../wicket/examples/compref/SelectPage.java     |  7 +-
 22 files changed, 368 insertions(+), 352 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxMultipleChoicePage.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxMultipleChoicePage.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxMultipleChoicePage.html
index b87586e..7f4117c 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxMultipleChoicePage.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxMultipleChoicePage.html
@@ -5,7 +5,7 @@
     <link rel="stylesheet" type="text/css" href="style.css"/>
 </head>
 <body>
-    <span wicket:id="mainNavigation"/>
+<wicket:extend>
 
        <h1>wicket.markup.html.form.CheckBoxMultipleChoice</h1>
        <wicket:link><a href="Index.html">[back to the 
reference]</a></wicket:link>
@@ -13,34 +13,28 @@
        <p>
        A CheckBoxMultipleChoice component lets users select multiple values 
from a group of checkboxes.
        </p>
-       <p>
-        <form wicket:id="form">
 
-               <table style="border: 2px dotted #fc0; width: 400px; padding: 
5px;">
-                <tr>
-                 <td valign="top">Select your favorite sites</td>
-                 <td>
-                       <span wicket:id="sites">
-                       </span>
-                 </td>
-                </tr>
-                <tr>
-                 <td valign="top">Select some of these excellent choices</td>
-                 <td>
-                   <span wicket:id="choices">
-                   </span>
-                 </td>
-                </tr>
-                <tr>
-                 <td colspan="2" align="center">
-                  <input type="submit" value="submit" />
-                 </td>
-                </tr>
-               </table>
+       <div class="row">
+               <div class="col-sm-offset-1 col-sm-3">
+                       <form wicket:id="form" role="form">
+                               <div class="form-group">
+                                       <label>Select your favorite 
sites</label>
+                                       <div wicket:id="sites"></div>
+                               </div>
 
-        </form>
-        <span wicket:id="feedback">feedbackmessages will be put here</span>
-       </p>
-    <span wicket:id="explainPanel">panel contents come here</span>
+                               <div class="form-group">
+                                       <label>Select some of these excellent 
choices</label>
+                                       <div wicket:id="choices"></div>
+                               </div>
+
+                               <button type="submit" class="btn 
btn-primary">Submit</button>
+                       </form>
+               </div>
+       </div>
+
+       <div wicket:id="feedback">feedbackmessages will be put here</div>
+       <span wicket:id="explainPanel">panel contents come here</span>
+
+</wicket:extend>
 </body>
 </html>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxMultipleChoicePage.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxMultipleChoicePage.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxMultipleChoicePage.java
index 1b20884..feb946d 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxMultipleChoicePage.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxMultipleChoicePage.java
@@ -22,12 +22,14 @@ import java.util.Iterator;
 import java.util.List;
 
 import org.apache.wicket.examples.WicketExamplePage;
+import org.apache.wicket.markup.html.form.AbstractChoice;
 import org.apache.wicket.markup.html.form.CheckBoxMultipleChoice;
 import org.apache.wicket.markup.html.form.Form;
-import org.apache.wicket.markup.html.panel.FeedbackPanel;
 import org.apache.wicket.model.CompoundPropertyModel;
 import org.apache.wicket.util.io.IClusterable;
 
+import 
de.agilecoders.wicket.core.markup.html.bootstrap.common.NotificationPanel;
+
 
 /**
  * Page with examples on {@link 
org.apache.wicket.markup.html.form.CheckBoxMultipleChoice}.
@@ -53,7 +55,7 @@ public class CheckBoxMultipleChoicePage extends 
WicketExamplePage
                setDefaultModel(new CompoundPropertyModel<>(input));
 
                // Add a FeedbackPanel for displaying our messages
-               FeedbackPanel feedbackPanel = new FeedbackPanel("feedback");
+               NotificationPanel feedbackPanel = new 
NotificationPanel("feedback");
                add(feedbackPanel);
 
                // Add a form with an onSubmit implementation that sets a 
message
@@ -69,12 +71,12 @@ public class CheckBoxMultipleChoicePage extends 
WicketExamplePage
 
                // add a couple of checkbox multiple choice components, notice 
the model
                // used is a compound model set on the page
-               CheckBoxMultipleChoice<String> siteChoice = new 
CheckBoxMultipleChoice<String>("sites",
-                       SITES);
+               CheckBoxMultipleChoice<String> siteChoice = new 
CheckBoxMultipleChoice<String>("sites", SITES);
+               
siteChoice.setLabelPosition(AbstractChoice.LabelPosition.WRAP_AFTER).setSuffix("<br/>");
                form.add(siteChoice);
 
-               CheckBoxMultipleChoice<String> manyChoice = new 
CheckBoxMultipleChoice<String>("choices",
-                       MANY_CHOICES);
+               CheckBoxMultipleChoice<String> manyChoice = new 
CheckBoxMultipleChoice<String>("choices", MANY_CHOICES);
+               
manyChoice.setLabelPosition(AbstractChoice.LabelPosition.WRAP_AFTER).setSuffix("
 ");
                form.add(manyChoice);
        }
 

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxSelectorPage.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxSelectorPage.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxSelectorPage.html
index eaa367e..a6ac7c2 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxSelectorPage.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxSelectorPage.html
@@ -13,30 +13,45 @@
         <p>
             A CheckBoxSelector selects and deselects all Check components 
under the same CheckGroup as itself
         </p>
-        <p>
-         <form wicket:id="form">
-             CheckGroup:<br/>
-             <div wicket:id="checkgroup">
-                 <input type="checkbox" wicket:id="check1"/> 1
-                 <input type="checkbox" wicket:id="check2"/> 2
-                 <input type="checkbox" wicket:id="check3"/> 3
-                 <input type="checkbox" wicket:id="check4"/> 4
-                 <input type="checkbox" wicket:id="groupSelector"/> select all
-             </div>
-             <input type="checkbox" wicket:id="groupSelectorOutside"/> select 
all (outside group)
-             <hr/>
-             CheckboxMultipleChoice:
-             <div wicket:id="choice"/>
-             <input type="checkbox" wicket:id="choiceSelector"/> select all
-             <hr/>
-             Loose Checkboxes:
-             <input type="checkbox" wicket:id="looseCheck1"/> 1
-             <input type="checkbox" wicket:id="looseCheck2"/> 2
-             <input type="checkbox" wicket:id="looseCheck3"/> 3
-             <input type="checkbox" wicket:id="looseCheck4"/> 4
-             <input type="checkbox" wicket:id="looseSelector"/> select all
-         </form>
-       </p>
+
+        <div class="row">
+            <div class="col-sm-offset-1 col-sm-3">
+                <form wicket:id="form" role="form">
+
+                    <fieldset>
+                        <legend>CheckGroup:</legend>
+
+                        <div wicket:id="checkgroup" class="form-group">
+                            <input type="checkbox" wicket:id="check1"/> 1
+                            <input type="checkbox" wicket:id="check2"/> 2
+                            <input type="checkbox" wicket:id="check3"/> 3
+                            <input type="checkbox" wicket:id="check4"/> 4
+                            <label><input type="checkbox" 
wicket:id="groupSelector"/> select all</label>
+                        </div>
+                        <label><input type="checkbox" 
wicket:id="groupSelectorOutside"/> select all (outside group)</label>
+
+                    </fieldset>
+
+                    <fieldset>
+                        <legend>CheckboxMultipleChoice:</legend>
+
+                        <div wicket:id="choice" class="form-group"></div>
+                        <label><input type="checkbox" 
wicket:id="choiceSelector"/> select all</label>
+                    </fieldset>
+
+                    <fieldset>
+                        <legend>Loose Checkboxes:</legend>
+
+                        <input type="checkbox" wicket:id="looseCheck1"/> 1
+                        <input type="checkbox" wicket:id="looseCheck2"/> 2
+                        <input type="checkbox" wicket:id="looseCheck3"/> 3
+                        <input type="checkbox" wicket:id="looseCheck4"/> 4
+                        <label><input type="checkbox" 
wicket:id="looseSelector"/> select all</label>
+                    </fieldset>
+                </form>
+            </div>
+        </div>
+
     </wicket:extend>
     </body>
 </html>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxSelectorPage.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxSelectorPage.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxSelectorPage.java
index 3163a5a..0d8e2a7 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxSelectorPage.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckBoxSelectorPage.java
@@ -20,6 +20,7 @@ import java.util.ArrayList;
 import java.util.Arrays;
 
 import org.apache.wicket.examples.WicketExamplePage;
+import org.apache.wicket.markup.html.form.AbstractChoice;
 import org.apache.wicket.markup.html.form.Check;
 import org.apache.wicket.markup.html.form.CheckBox;
 import org.apache.wicket.markup.html.form.CheckBoxMultipleChoice;
@@ -86,6 +87,7 @@ public class CheckBoxSelectorPage extends WicketExamplePage
                });
                final CheckBoxMultipleChoice<Integer> choice = new 
CheckBoxMultipleChoice<>(
                        "choice", Model.ofList(new ArrayList<Integer>()), 
Arrays.asList(1, 2, 3, 4));
+               
choice.setLabelPosition(AbstractChoice.LabelPosition.WRAP_AFTER).setSuffix(" ");
                form.add(choice);
                form.add(new CheckboxMultipleChoiceSelector("choiceSelector", 
choice));
                final CheckBox loose1 = new CheckBox("looseCheck1", 
Model.of(Boolean.FALSE));

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckGroupPage2.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckGroupPage2.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckGroupPage2.html
index a1ed2fc..bb37f01 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckGroupPage2.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckGroupPage2.html
@@ -13,44 +13,49 @@
        <p>
        A CheckBoxGroup and CheckBoxComponnet components let users select 
multiple values from a group of checkboxes. These components are more flexible 
then the CheckBoxMultipleChoice component in that individual checkboxes are 
full components, unlike with CheckBoxMultipleChoice, and thus can be used 
anywhere in the markup.
        </p>
-       <p>
-        <form wicket:id="form">
-               <wicket:container wicket:id="group">
-                       <wicket:container wicket:id="group2">
-                               <table style="border: 2px dotted #fc0; width: 
400px; padding: 5px;">
-                                <tr>
-                                 <td valign="top">Select persons</td>
-                                 <td>
-                                         <input type="checkbox" 
wicket:id="groupselector">check/uncheck all in selection 1</input><br/>
-                                         <input type="checkbox" 
wicket:id="groupselector2">check/uncheck all in selection 2</input><br/>
-                                         <table cellspacing="0" 
cellpadding="2">
-                                               <tr>
-                                                       <td><b>Select1</b></td>
-                                                       <td><b>Select2</b></td>
-                                                       <td><b>First 
Name</b></td>
-                                                       <td><b>Last 
Name</b></td>
-                                               </tr>
-                                               <tr wicket:id="persons">
-                                                       <td><input 
type="checkbox" wicket:id="checkbox"/></td>
-                                                       <td><input 
type="checkbox" wicket:id="checkbox2"/></td>
-                                                       <td><span 
wicket:id="name">[this is where name will be]</span></td>
-                                                       <td><span 
wicket:id="lastName">[this is where lastname will be]</span></td>
-                                               </tr>
-                                         </table>
-                                         <span valign="top">
-                                         </span>
-                                 </td>
-                                </tr>
-                                <tr>
-                                 <td colspan="2" align="center">
-                                  <input type="submit" value="submit" />
-                                 </td>
-                                </tr>
-                               </table>
-                       </wicket:container>
-               </wicket:container>
-        </form>
-        </p>
+
+       <div class="row">
+               <div class="col-sm-offset-1 col-sm-3">
+                       <form wicket:id="form" role="form">
+                               <fieldset wicket:id="group">
+                                       <wicket:container wicket:id="group2">
+                                               <legend>Select persons</legend>
+
+                                               <div class="checkbox">
+                                                       <label>
+                                                               <input 
type="checkbox" wicket:id="groupselector"/> check/uncheck all in selection 1
+                                                       </label>
+                                               </div>
+
+                                               <div class="checkbox">
+                                                       <label>
+                                                               <input 
type="checkbox" wicket:id="groupselector2"/> check/uncheck all in selection 2
+                                                       </label>
+                                               </div>
+
+
+                                               <div class="row">
+                                                       <div 
class="col-sm-3"><strong>Select1</strong></div>
+                                                       <div 
class="col-sm-3"><strong>Select2</strong></div>
+                                                       <div 
class="col-sm-3"><strong>First Name</strong></div>
+                                                       <div 
class="col-sm-3"><strong>Last Name</strong></div>
+                                               </div>
+
+
+                                               <div wicket:id="persons" 
class="row">
+                                                       <div 
class="col-sm-3"><input type="checkbox" wicket:id="checkbox"/></div>
+                                                       <div 
class="col-sm-3"><input type="checkbox" wicket:id="checkbox2"/></div>
+                                                       <div 
class="col-sm-3"><span wicket:id="name">[this is where name will 
be]</span></div>
+                                                       <div 
class="col-sm-3"><span wicket:id="lastName">[this is where lastname will 
be]</span></div>
+                                               </div>
+
+                                               <button type="submit" 
class="btn btn-primary">Submit</button>
+                                       </wicket:container>
+                               </fieldset>
+                       </form>
+               </div>
+       </div>
+
         <span wicket:id="feedback">feedbackmessages will be put here</span>
 
 </wicket:extend>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckGroupPage2.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckGroupPage2.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckGroupPage2.java
index f098b87..d3d1106 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckGroupPage2.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/CheckGroupPage2.java
@@ -18,6 +18,7 @@ package org.apache.wicket.examples.compref;
 
 import java.util.ArrayList;
 
+import 
de.agilecoders.wicket.core.markup.html.bootstrap.common.NotificationPanel;
 import org.apache.wicket.examples.WicketExamplePage;
 import org.apache.wicket.markup.html.basic.Label;
 import org.apache.wicket.markup.html.form.Check;
@@ -79,6 +80,6 @@ public class CheckGroupPage2 extends WicketExamplePage
 
                group2.add(persons);
 
-               add(new FeedbackPanel("feedback"));
+               add(new NotificationPanel("feedback"));
        }
 }

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/DropDownChoicePage.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/DropDownChoicePage.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/DropDownChoicePage.html
index cd7ad7a..0c8ac28 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/DropDownChoicePage.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/DropDownChoicePage.html
@@ -14,39 +14,38 @@
        A DropDownChoice component is used to let users select an option from a 
list of
        available options.
        </p>
-       <p>
-        <form wicket:id="form">
-
-               <table style="border: 2px dotted #fc0; width: 400px; padding: 
5px;">
-                <tr>
-                 <td valign="top">Select your favorite site</td>
-                 <td>
-                       <select wicket:id="site">
-                               <option>site 1</option>
-                               <option>site 2</option>
-                       </select>
-                 </td>
-                </tr>
-                <tr>
-                 <td valign="top">Select an integer</td>
-                 <td>
-                       <select wicket:id="integer">
-                               <option>Fifty</option>
-                               <option>Sixty</option>
-                       </select>
-                 </td>
-                </tr>
-                <tr>
-                 <td colspan="2" align="center">
-                  <input type="submit" value="submit" />
-                 </td>
-                </tr>
-               </table>
-
-        </form>
-        <span wicket:id="feedback">feedbackmessages will be put here</span>
-       </p>
-    <span wicket:id="explainPanel">panel contents come here</span>
+
+       <div class="row">
+               <div class="col-sm-offset-1 col-sm-6">
+                       <form wicket:id="form" role="form">
+
+                               <div class="form-group">
+                                       <label wicket:for="site" 
class="control-label col-sm-3">Select your favorite site</label>
+                                       <div class="col-sm-9">
+                                               <select wicket:id="site" 
class="form-control">
+                                                       <option>site 1</option>
+                                                       <option>site 2</option>
+                                               </select>
+                                       </div>
+                               </div>
+
+                               <div class="form-group">
+                                       <label wicket:for="site" 
class="control-label col-sm-3">Select an integer</label>
+                                       <div class="col-sm-9">
+                                               <select wicket:id="integer" 
class="form-control">
+                                                       <option>Fifty</option>
+                                                       <option>Sixty</option>
+                                               </select>
+                                       </div>
+                               </div>
+
+                               <button type="submit" class="btn 
btn-primary">Submit</button>
+                       </form>
+               </div>
+       </div>
+
+       <div wicket:id="feedback">feedbackmessages will be put here</div>
+       <span wicket:id="explainPanel">panel contents come here</span>
 
 </wicket:extend>
 </body>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/DropDownChoicePage.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/DropDownChoicePage.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/DropDownChoicePage.java
index e553f34..fd78975 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/DropDownChoicePage.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/DropDownChoicePage.java
@@ -23,10 +23,11 @@ import org.apache.wicket.examples.WicketExamplePage;
 import org.apache.wicket.markup.html.form.ChoiceRenderer;
 import org.apache.wicket.markup.html.form.DropDownChoice;
 import org.apache.wicket.markup.html.form.Form;
-import org.apache.wicket.markup.html.panel.FeedbackPanel;
 import org.apache.wicket.model.CompoundPropertyModel;
 import org.apache.wicket.util.io.IClusterable;
 
+import 
de.agilecoders.wicket.core.markup.html.bootstrap.common.NotificationPanel;
+
 
 /**
  * Page with examples on {@link 
org.apache.wicket.markup.html.form.DropDownChoice}.
@@ -50,7 +51,7 @@ public class DropDownChoicePage extends WicketExamplePage
                setDefaultModel(new CompoundPropertyModel<>(input));
 
                // Add a FeedbackPanel for displaying our messages
-               FeedbackPanel feedbackPanel = new FeedbackPanel("feedback");
+               NotificationPanel feedbackPanel = new 
NotificationPanel("feedback");
                add(feedbackPanel);
 
                // Add a form with an onSumbit implementation that sets a 
message

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListChoicePage.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListChoicePage.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListChoicePage.html
index d10169f..b2f2cfb 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListChoicePage.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListChoicePage.html
@@ -13,30 +13,28 @@
        <p>
        A ListChoice component lets users select a single value from a 
scrollable list.
        </p>
-       <p>
-        <form wicket:id="form">
 
-               <table style="border: 2px dotted #fc0; width: 400px; padding: 
5px;">
-                <tr>
-                 <td valign="top">Select your favorite site</td>
-                 <td>
-                       <select wicket:id="site">
-                               <option>site 1</option>
-                               <option>site 2</option>
-                       </select>
-                 </td>
-                </tr>
-                <tr>
-                 <td colspan="2" align="center">
-                  <input type="submit" value="submit" />
-                 </td>
-                </tr>
-               </table>
+       <div class="row">
+               <div class="col-sm-offset-1 col-sm-6">
+                       <form wicket:id="form" role="form">
 
-        </form>
-        <span wicket:id="feedback">feedbackmessages will be put here</span>
-       </p>
-    <span wicket:id="explainPanel">panel contents come here</span>
+                               <div class="form-group">
+                                       <label wicket:for="site" 
class="control-label col-sm-3">Select your favorite site</label>
+                                       <div class="col-sm-9">
+                                               <select wicket:id="site" 
class="form-control">
+                                                       <option>site 1</option>
+                                                       <option>site 2</option>
+                                               </select>
+                                       </div>
+                               </div>
+
+                               <button type="submit" class="btn 
btn-primary">Submit</button>
+                       </form>
+               </div>
+       </div>
+
+       <div wicket:id="feedback">feedbackmessages will be put here</div>
+       <span wicket:id="explainPanel">panel contents come here</span>
 
 </wicket:extend>
 </body>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListChoicePage.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListChoicePage.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListChoicePage.java
index cd563c7..fb22c39 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListChoicePage.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListChoicePage.java
@@ -19,12 +19,13 @@ package org.apache.wicket.examples.compref;
 import java.util.Arrays;
 import java.util.List;
 
-import org.apache.wicket.util.io.IClusterable;
 import org.apache.wicket.examples.WicketExamplePage;
 import org.apache.wicket.markup.html.form.Form;
 import org.apache.wicket.markup.html.form.ListChoice;
-import org.apache.wicket.markup.html.panel.FeedbackPanel;
 import org.apache.wicket.model.CompoundPropertyModel;
+import org.apache.wicket.util.io.IClusterable;
+
+import 
de.agilecoders.wicket.core.markup.html.bootstrap.common.NotificationPanel;
 
 
 /**
@@ -46,7 +47,7 @@ public class ListChoicePage extends WicketExamplePage
                setDefaultModel(new CompoundPropertyModel<>(input));
 
                // Add a FeedbackPanel for displaying our messages
-               FeedbackPanel feedbackPanel = new FeedbackPanel("feedback");
+               NotificationPanel feedbackPanel = new 
NotificationPanel("feedback");
                add(feedbackPanel);
 
                // Add a form with an onSumbit implementation that sets a 
message
@@ -104,4 +105,4 @@ public class ListChoicePage extends WicketExamplePage
 
        }
 
-}
\ No newline at end of file
+}

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListMultipleChoicePage.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListMultipleChoicePage.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListMultipleChoicePage.html
index 0bf4e35..2ac701c 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListMultipleChoicePage.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListMultipleChoicePage.html
@@ -13,39 +13,39 @@
        <p>
        A ListChoice component lets users select a multiple values from a 
scrollable list.
        </p>
-       <p>
-        <form wicket:id="form">
-
-               <table style="border: 2px dotted #fc0; width: 400px; padding: 
5px;">
-                <tr>
-                 <td valign="top">Select your favorite sites</td>
-                 <td>
-                       <select wicket:id="sites">
-                               <option>site 1</option>
-                               <option>site 2</option>
-                       </select>
-                 </td>
-                </tr>
-                <tr>
-                 <td valign="top">Select some of these excellent choices (note 
that choice 2 is disabled intentionally)</td>
-                 <td>
-                   <select wicket:id="choices">
-                       <option>choice 1</option>
-                       <option>choice 2</option>
-                   </select>
-                 </td>
-                </tr>
-                <tr>
-                 <td colspan="2" align="center">
-                  <input type="submit" value="submit" />
-                 </td>
-                </tr>
-               </table>
-
-        </form>
-        <span wicket:id="feedback">feedbackmessages will be put here</span>
-       </p>
-    <span wicket:id="explainPanel">panel contents come here</span>
+
+       <div class="row">
+               <div class="col-sm-offset-1 col-sm-6">
+                       <form wicket:id="form" role="form">
+                               <fieldset>
+                                       <legend>Select your favorite 
sites</legend>
+
+                                       <div class="form-group">
+                                               <select wicket:id="sites" 
class="form-control">
+                                                       <option>site 1</option>
+                                                       <option>site 2</option>
+                                               </select>
+                                       </div>
+                               </fieldset>
+
+                               <fieldset>
+                                       <legend>Select some of these excellent 
choices (note that choice 2 is disabled intentionally)</legend>
+
+                                       <div class="form-group">
+                                               <select wicket:id="choices" 
class="form-control">
+                                                       <option>choice 
1</option>
+                                                       <option>choice 
2</option>
+                                               </select>
+                                       </div>
+                               </fieldset>
+
+                               <button type="submit" class="btn 
btn-primary">Submit</button>
+                       </form>
+               </div>
+       </div>
+
+       <div wicket:id="feedback">feedbackmessages will be put here</div>
+       <span wicket:id="explainPanel">panel contents come here</span>
 
 </wicket:extend>
 </body>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListMultipleChoicePage.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListMultipleChoicePage.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListMultipleChoicePage.java
index 550c20a..8b5cce5 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListMultipleChoicePage.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/ListMultipleChoicePage.java
@@ -21,12 +21,13 @@ import java.util.Arrays;
 import java.util.Iterator;
 import java.util.List;
 
-import org.apache.wicket.util.io.IClusterable;
 import org.apache.wicket.examples.WicketExamplePage;
 import org.apache.wicket.markup.html.form.Form;
 import org.apache.wicket.markup.html.form.ListMultipleChoice;
-import org.apache.wicket.markup.html.panel.FeedbackPanel;
 import org.apache.wicket.model.CompoundPropertyModel;
+import org.apache.wicket.util.io.IClusterable;
+
+import 
de.agilecoders.wicket.core.markup.html.bootstrap.common.NotificationPanel;
 
 
 /**
@@ -52,7 +53,7 @@ public class ListMultipleChoicePage extends WicketExamplePage
                setDefaultModel(new CompoundPropertyModel<>(input));
 
                // Add a FeedbackPanel for displaying our messages
-               FeedbackPanel feedbackPanel = new FeedbackPanel("feedback");
+               NotificationPanel feedbackPanel = new 
NotificationPanel("feedback");
                add(feedbackPanel);
 
                // Add a form with an onSubmit implementation that sets a 
message
@@ -152,4 +153,4 @@ public class ListMultipleChoicePage extends 
WicketExamplePage
                add(new ExplainPanel(html, code));
 
        }
-}
\ No newline at end of file
+}

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/PalettePage.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/PalettePage.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/PalettePage.html
index 0c4116b..a2fa6d8 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/PalettePage.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/PalettePage.html
@@ -18,19 +18,22 @@
        <h1>wicket.extensions.markup.html.form.palette.Palette</h1>
        <wicket:link><a href="Index.html">[back to the 
reference]</a></wicket:link>
 
-       <p>
-       The Palette component.
-       </p>
-       <p>
-        <form wicket:id="form">
-               <span wicket:id="palette">
-               </span>
-               <br/>
-          <input type="submit" value="submit" />
-        </form>
-        <span wicket:id="feedback">feedbackmessages will be put here</span>
-       </p>
-    <span wicket:id="explainPanel">panel contents come here</span>
+       <h2>The Palette component.</h2>
+
+       <div class="row">
+               <div class="col-sm-offset-1 col-sm-6">
+                       <form wicket:id="form" role="form">
+                               <div class="form-group">
+                                       <span wicket:id="palette"></span>
+                               </div>
+
+                               <button type="submit" class="btn 
btn-primary">Submit</button>
+                       </form>
+               </div>
+       </div>
+
+       <div wicket:id="feedback">feedbackmessages will be put here</div>
+       <span wicket:id="explainPanel">panel contents come here</span>
 
 </wicket:extend>
 </body>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/PalettePage.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/PalettePage.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/PalettePage.java
index b5d7e30..8df23df 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/PalettePage.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/PalettePage.java
@@ -25,10 +25,11 @@ import 
org.apache.wicket.extensions.markup.html.form.palette.theme.DefaultTheme;
 import org.apache.wicket.markup.html.form.ChoiceRenderer;
 import org.apache.wicket.markup.html.form.Form;
 import org.apache.wicket.markup.html.form.IChoiceRenderer;
-import org.apache.wicket.markup.html.panel.FeedbackPanel;
 import org.apache.wicket.model.util.CollectionModel;
 import org.apache.wicket.model.util.ListModel;
 
+import 
de.agilecoders.wicket.core.markup.html.bootstrap.common.NotificationPanel;
+
 
 /**
  * Palette component example
@@ -70,7 +71,7 @@ public class PalettePage extends WicketExamplePage
                add(form);
                form.add(palette);
 
-               add(new FeedbackPanel("feedback"));
+               add(new NotificationPanel("feedback"));
        }
 
        @Override

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioChoicePage.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioChoicePage.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioChoicePage.html
index 6d8aba4..8e03eea 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioChoicePage.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioChoicePage.html
@@ -13,29 +13,27 @@
        <p>
        A RadioChoice component lets users select a single value from a group 
of radio buttons.
        </p>
-       <p>
-        <form wicket:id="form">
 
-               <table style="border: 2px dotted #fc0; width: 400px; padding: 
5px;">
-                <tr>
-                 <td valign="top">Select your favorite site</td>
-                 <td>
-                         <span valign="top" wicket:id="site">
-                       <input type="radio">site 1</input>
-                               <input type="radio">site 2</input>
-                         </span>
-                 </td>
-                </tr>
-                <tr>
-                 <td colspan="2" align="center">
-                  <input type="submit" value="submit" />
-                 </td>
-                </tr>
-               </table>
+       <div class="row">
+               <div class="col-sm-offset-1 col-sm-6">
+                       <form wicket:id="form" role="form">
 
-        </form>
-        <span wicket:id="feedback">feedbackmessages will be put here</span>
-       </p>
+                               <div class="form-group">
+                                       <label wicket:for="site" 
class="control-label col-sm-3">Select your favorite site</label>
+                                       <div class="col-sm-9">
+                                               <span valign="top" 
wicket:id="site">
+                                                       <label><input 
type="radio"/>site 1</label>
+                                                       <label><input 
type="radio"/>site 2</label>
+                                               </span>
+                                       </div>
+                               </div>
+
+                               <button type="submit" class="btn 
btn-primary">Submit</button>
+                       </form>
+               </div>
+       </div>
+
+       <div wicket:id="feedback">feedbackmessages will be put here</div>
     <span wicket:id="explainPanel">panel contents come here</span>
 
 </wicket:extend>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioChoicePage.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioChoicePage.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioChoicePage.java
index 96945f2..15cc43a 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioChoicePage.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioChoicePage.java
@@ -19,14 +19,16 @@ package org.apache.wicket.examples.compref;
 import java.util.Arrays;
 import java.util.List;
 
-import org.apache.wicket.util.io.IClusterable;
 import org.apache.wicket.ajax.AjaxRequestTarget;
 import org.apache.wicket.ajax.form.AjaxFormChoiceComponentUpdatingBehavior;
 import org.apache.wicket.examples.WicketExamplePage;
+import org.apache.wicket.markup.html.form.AbstractChoice;
 import org.apache.wicket.markup.html.form.Form;
 import org.apache.wicket.markup.html.form.RadioChoice;
-import org.apache.wicket.markup.html.panel.FeedbackPanel;
 import org.apache.wicket.model.CompoundPropertyModel;
+import org.apache.wicket.util.io.IClusterable;
+
+import 
de.agilecoders.wicket.core.markup.html.bootstrap.common.NotificationPanel;
 
 
 /**
@@ -48,7 +50,7 @@ public class RadioChoicePage extends WicketExamplePage
                setDefaultModel(new CompoundPropertyModel<>(input));
 
                // Add a FeedbackPanel for displaying our messages
-               final FeedbackPanel feedbackPanel = new 
FeedbackPanel("feedback");
+               final NotificationPanel feedbackPanel = new 
NotificationPanel("feedback");
                feedbackPanel.setOutputMarkupId(true);
                add(feedbackPanel);
 
@@ -68,6 +70,7 @@ public class RadioChoicePage extends WicketExamplePage
                // current selection, and that uses the SITES list for the 
available
                // options.
                RadioChoice<String> sites = new RadioChoice<>("site", SITES);
+               
sites.setLabelPosition(AbstractChoice.LabelPosition.WRAP_AFTER).setSuffix("<br/>");
                sites.add(new AjaxFormChoiceComponentUpdatingBehavior()
                {
                        @Override
@@ -114,4 +117,4 @@ public class RadioChoicePage extends WicketExamplePage
 
        }
 
-}
\ No newline at end of file
+}

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage.html
index 8f95a38..64ee5d6 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage.html
@@ -13,40 +13,34 @@
        <p>
        A RadioGroup and Radio components let users select a single value from 
a group of radio buttons. These components are more flexible then the 
RadioChoice component in that individual radio choices are full components, 
unlike with RadioChoice, and thus can be used anywhere in the markup.
        </p>
-       <p>
-        <form wicket:id="form">
-               <span wicket:id="group">
-                       <table style="border: 2px dotted #fc0; width: 400px; 
padding: 5px;">
-                        <tr>
-                         <td valign="top">Select a person</td>
-                         <td>
-                                 <table cellspacing="0" cellpadding="2">
-                                       <tr>
-                                               <td><b>Select</b></td>
-                                               <td><b>First Name</b></td>
-                                               <td><b>Last Name</b></td>
-                                       </tr>
-                                       <tr wicket:id="persons">
-                                               <td><input type="radio" 
wicket:id="radio"/></td>
-                                               <td><span 
wicket:id="name">[this is where name will be]</span></td>
-                                               <td><span 
wicket:id="lastName">[this is where lastname will be]</span></td>
-                                       </tr>
-                                 </table>
-                                 <span valign="top">
-                                 </span>
-                         </td>
-                        </tr>
-                        <tr>
-                         <td colspan="2" align="center">
-                          <input type="submit" value="submit" />
-                         </td>
-                        </tr>
-                       </table>
-               </span>
-        </form>
-        <span wicket:id="feedback">feedbackmessages will be put here</span>
-       </p>
-    <span wicket:id="explainPanel">panel contents come here</span>
+
+       <div class="row">
+               <div class="col-sm-offset-1 col-sm-6">
+                       <form wicket:id="form" role="form">
+                               <fieldset wicket:id="group">
+                                       <legend>Select a person</legend>
+
+                                       <div class="row">
+                                               <div 
class="col-sm-1"><strong>Select</strong></div>
+                                               <div 
class="col-sm-3"><strong>First Name</strong></div>
+                                               <div 
class="col-sm-3"><strong>Last Name</strong></div>
+                                       </div>
+
+                                       <div wicket:id="persons" class="row">
+                                               <div class="col-sm-1"><input 
type="radio" wicket:id="radio"/></div>
+                                               <div class="col-sm-3"><span 
wicket:id="name">[this is where name will be]</span></div>
+                                               <div class="col-sm-3"><span 
wicket:id="lastName">[this is where lastname will be]</span></div>
+                                       </div>
+
+                               </fieldset>
+
+                               <button type="submit" class="btn 
btn-primary">Submit</button>
+                       </form>
+               </div>
+       </div>
+
+       <div wicket:id="feedback">feedbackmessages will be put here</div>
+       <span wicket:id="explainPanel">panel contents come here</span>
 
 </wicket:extend>
 </body>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage.java
index d88fe5e..5c25092 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage.java
@@ -23,10 +23,11 @@ import org.apache.wicket.markup.html.form.Radio;
 import org.apache.wicket.markup.html.form.RadioGroup;
 import org.apache.wicket.markup.html.list.ListItem;
 import org.apache.wicket.markup.html.list.ListView;
-import org.apache.wicket.markup.html.panel.FeedbackPanel;
 import org.apache.wicket.model.Model;
 import org.apache.wicket.model.PropertyModel;
 
+import 
de.agilecoders.wicket.core.markup.html.bootstrap.common.NotificationPanel;
+
 
 /**
  * RadioGroup and Radio components example page
@@ -72,7 +73,7 @@ public class RadioGroupPage extends WicketExamplePage
 
                group.add(persons);
 
-               add(new FeedbackPanel("feedback"));
+               add(new NotificationPanel("feedback"));
        }
 
        @Override

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage2.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage2.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage2.html
index 15901a5..d5f31ae 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage2.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage2.html
@@ -13,43 +13,38 @@
        <p>
        A RadioGroup and Radio components let users select a single value from 
a group of radio buttons. These components are more flexible then the 
RadioChoice component in that individual radio choices are full components, 
unlike with RadioChoice, and thus can be used anywhere in the markup.
        </p>
-       <p>
-        <form wicket:id="form">
-               <wicket:container wicket:id="group">
-                       <wicket:container wicket:id="group2">
-                               <table style="border: 2px dotted #fc0; width: 
400px; padding: 5px;">
-                                <tr>
-                                 <td valign="top">Select a person</td>
-                                 <td>
-                                         <table cellspacing="0" 
cellpadding="2">
-                                               <tr>
-                                                       <td><b>Select1</b></td>
-                                                       <td><b>Select2</b></td>
-                                                       <td><b>First 
Name</b></td>
-                                                       <td><b>Last 
Name</b></td>
-                                               </tr>
-                                               <tr wicket:id="persons">
-                                                       <td><input type="radio" 
wicket:id="radio"/></td>
-                                                       <td><input type="radio" 
wicket:id="radio2"/></td>
-                                                       <td><span 
wicket:id="name">[this is where name will be]</span></td>
-                                                       <td><span 
wicket:id="lastName">[this is where lastname will be]</span></td>
-                                               </tr>
-                                         </table>
-                                         <span valign="top">
-                                         </span>
-                                 </td>
-                                </tr>
-                                <tr>
-                                 <td colspan="2" align="center">
-                                  <input type="submit" value="submit" />
-                                 </td>
-                                </tr>
-                               </table>
-                       </wicket:container>
-               </wicket:container>
-        </form>
-       </p>
-        <span wicket:id="feedback">feedbackmessages will be put here</span>
+
+
+       <div class="row">
+               <div class="col-sm-offset-1 col-sm-6">
+                       <form wicket:id="form" role="form">
+                               <fieldset wicket:id="group">
+                                       <wicket:container wicket:id="group2">
+                                               <legend>Select a person</legend>
+
+                                               <div class="row">
+                                                       <div 
class="col-sm-1"><strong>Select</strong></div>
+                                                       <div 
class="col-sm-1"><strong>Select2</strong></div>
+                                                       <div 
class="col-sm-3"><strong>First Name</strong></div>
+                                                       <div 
class="col-sm-3"><strong>Last Name</strong></div>
+                                               </div>
+
+                                               <div wicket:id="persons" 
class="row">
+                                                       <div 
class="col-sm-1"><input type="radio" wicket:id="radio"/></div>
+                                                       <div 
class="col-sm-1"><input type="radio" wicket:id="radio2"/></div>
+                                                       <div 
class="col-sm-3"><span wicket:id="name">[this is where name will 
be]</span></div>
+                                                       <div 
class="col-sm-3"><span wicket:id="lastName">[this is where lastname will 
be]</span></div>
+                                               </div>
+
+                                       </wicket:container>
+                               </fieldset>
+
+                               <button type="submit" class="btn 
btn-primary">Submit</button>
+                       </form>
+               </div>
+       </div>
+
+       <div wicket:id="feedback">feedbackmessages will be put here</div>
 
 </wicket:extend>
 </body>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage2.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage2.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage2.java
index 526a639..768f3c4 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage2.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/RadioGroupPage2.java
@@ -23,10 +23,11 @@ import org.apache.wicket.markup.html.form.Radio;
 import org.apache.wicket.markup.html.form.RadioGroup;
 import org.apache.wicket.markup.html.list.ListItem;
 import org.apache.wicket.markup.html.list.ListView;
-import org.apache.wicket.markup.html.panel.FeedbackPanel;
 import org.apache.wicket.model.Model;
 import org.apache.wicket.model.PropertyModel;
 
+import 
de.agilecoders.wicket.core.markup.html.bootstrap.common.NotificationPanel;
+
 
 /**
  * RadioGroup and Radio components example page
@@ -76,7 +77,7 @@ public class RadioGroupPage2 extends WicketExamplePage
 
                group2.add(persons);
 
-               add(new FeedbackPanel("feedback"));
+               add(new NotificationPanel("feedback"));
        }
 
 }

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/SelectPage.html
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/SelectPage.html
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/SelectPage.html
index 8708ceb..6f4e7af 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/SelectPage.html
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/SelectPage.html
@@ -13,45 +13,45 @@
        <p>
        A ListChoice component lets users select a multiple values from a 
scrollable list.
        </p>
-       <p>
-        <form wicket:id="form">
-
-               <table style="border: 2px dotted #fc0; width: 400px; padding: 
5px;">
-                <tr>
-                 <td valign="top">Select your favorite sites</td>
-                 <td>
-                       <select wicket:id="site">
-                               <optgroup label="java sites">
-                                       <option wicket:id="site1" 
style="color:green;">The Server Side (tss)</option>
-                                       <option wicket:id="site2" 
style="color:red;">JavaLobby (jl)</option>
-                               </optgroup>
-                               <optgroup label="news sites">
-                                       <option wicket:id="site3">Slashdot.org 
(sd)</option>
-                                       <option wicket:id="site4">BetaNews.com 
(bn)</option>
-                               </optgroup>
-                       </select>
-                 </td>
-                </tr>
-                <tr>
-                 <td valign="top">Select some of these excellent choices</td>
-                 <td>
-                   <select wicket:id="choices" multiple="multiple" size="5">
-                               <!-- the only trick here is that the wicket id 
of the option tag is fixed to "option" -->
-                       <span wicket:id="manychoices"><option 
wicket:id="option"></option></span>
-                   </select>
-                 </td>
-                </tr>
-                <tr>
-                 <td colspan="2" align="center">
-                  <input type="submit" value="submit" />
-                 </td>
-                </tr>
-               </table>
-
-        </form>
-        <span wicket:id="feedback">feedbackmessages will be put here</span>
-       </p>
-    <span wicket:id="explainPanel">panel contents come here</span>
+
+       <div class="row">
+               <div class="col-sm-offset-1 col-sm-6">
+                       <form wicket:id="form" role="form">
+                               <fieldset>
+                                       <legend>Select your favorite 
sites</legend>
+
+                                       <div class="form-group">
+                                               <select wicket:id="site" 
class="form-control">
+                                                       <optgroup label="java 
sites">
+                                                               <option 
wicket:id="site1" style="color:green;">The Server Side (tss)</option>
+                                                               <option 
wicket:id="site2" style="color:red;">JavaLobby (jl)</option>
+                                                       </optgroup>
+                                                       <optgroup label="news 
sites">
+                                                               <option 
wicket:id="site3">Slashdot.org (sd)</option>
+                                                               <option 
wicket:id="site4">BetaNews.com (bn)</option>
+                                                       </optgroup>
+                                               </select>
+                                       </div>
+                               </fieldset>
+
+                               <fieldset>
+                                       <legend>Select some of these excellent 
choices</legend>
+
+                                       <div class="form-group">
+                                               <select wicket:id="choices" 
multiple="multiple" size="5" class="form-control">
+                                                       <!-- the only trick 
here is that the wicket id of the option tag is fixed to "option" -->
+                                                       <span 
wicket:id="manychoices"><option wicket:id="option"></option></span>
+                                               </select>
+                                       </div>
+                               </fieldset>
+
+                               <button type="submit" class="btn 
btn-primary">Submit</button>
+                       </form>
+               </div>
+       </div>
+
+       <div wicket:id="feedback">feedbackmessages will be put here</div>
+       <span wicket:id="explainPanel">panel contents come here</span>
 
 </wicket:extend>
 </body>

http://git-wip-us.apache.org/repos/asf/wicket/blob/4b920b58/wicket-examples/src/main/java/org/apache/wicket/examples/compref/SelectPage.java
----------------------------------------------------------------------
diff --git 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/SelectPage.java
 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/SelectPage.java
index e858f6b..3c784ed 100644
--- 
a/wicket-examples/src/main/java/org/apache/wicket/examples/compref/SelectPage.java
+++ 
b/wicket-examples/src/main/java/org/apache/wicket/examples/compref/SelectPage.java
@@ -28,13 +28,14 @@ import 
org.apache.wicket.extensions.markup.html.form.select.Select;
 import org.apache.wicket.extensions.markup.html.form.select.SelectOption;
 import org.apache.wicket.extensions.markup.html.form.select.SelectOptions;
 import org.apache.wicket.markup.html.form.Form;
-import org.apache.wicket.markup.html.panel.FeedbackPanel;
 import org.apache.wicket.model.CompoundPropertyModel;
 import org.apache.wicket.model.IModel;
 import org.apache.wicket.model.Model;
 import org.apache.wicket.model.util.CollectionModel;
 import org.apache.wicket.util.io.IClusterable;
 
+import 
de.agilecoders.wicket.core.markup.html.bootstrap.common.NotificationPanel;
+
 
 /**
  * Page with examples on {@link 
org.apache.wicket.extensions.markup.html.form.select.Select}.
@@ -61,7 +62,7 @@ public class SelectPage extends WicketExamplePage
                setDefaultModel(new CompoundPropertyModel<>(input));
 
                // Add a FeedbackPanel for displaying our messages
-               FeedbackPanel feedbackPanel = new FeedbackPanel("feedback");
+               NotificationPanel feedbackPanel = new 
NotificationPanel("feedback");
                add(feedbackPanel);
 
                // Add a form with an onSubmit implementation that sets a 
message
@@ -178,4 +179,4 @@ public class SelectPage extends WicketExamplePage
                add(new ExplainPanel(html, code));
 
        }
-}
\ No newline at end of file
+}

Reply via email to