Add headers to community articles (#10028)

84 files changed, 511 insertions, 5 deletions

diff --git a/documentation/articles/AccessControlForViews.asciidoc b/documentation/articles/AccessControlForViews.asciidoc
index f48b7aeea2..f7621013eb 100644
--- a/documentation/articles/AccessControlForViews.asciidoc
+++ b/documentation/articles/AccessControlForViews.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Access Control For Views
+order: 2
+layout: page
+---
+
 [[access-control-for-views]]
 Access control for views
 ------------------------
diff --git a/documentation/articles/AccessingWebPageAndBrowserInformation.asciidoc b/documentation/articles/AccessingWebPageAndBrowserInformation.asciidoc
index 2aea7b8d1a..18c98b7aa4 100644
--- a/documentation/articles/AccessingWebPageAndBrowserInformation.asciidoc
+++ b/documentation/articles/AccessingWebPageAndBrowserInformation.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Accessing Web Page And Browser Information
+order: 27
+layout: page
+---
+
 [[accessing-web-page-and-browser-information]]
 Accessing web page and browser information
 ------------------------------------------
diff --git a/documentation/articles/AddingASplashScreen.asciidoc b/documentation/articles/AddingASplashScreen.asciidoc
index 400241433e..8f424b774a 100644
--- a/documentation/articles/AddingASplashScreen.asciidoc
+++ b/documentation/articles/AddingASplashScreen.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Adding A Splash Screen
+order: 85
+layout: page
+---
+
 [[adding-a-splash-sreen]]
 Adding a splash screen
 ----------------------
diff --git a/documentation/articles/BroadcastingMessagesToOtherUsers.asciidoc b/documentation/articles/BroadcastingMessagesToOtherUsers.asciidoc
index a61d3caed9..66e16c64a1 100644
--- a/documentation/articles/BroadcastingMessagesToOtherUsers.asciidoc
+++ b/documentation/articles/BroadcastingMessagesToOtherUsers.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Broadcasting Messages To Other Users
+order: 82
+layout: page
+---
+
 [[broadcasting-messages-to-other-users]]
 Broadcasting messages to other users
 ------------------------------------
diff --git a/documentation/articles/ChangingThemeOnTheFly.asciidoc b/documentation/articles/ChangingThemeOnTheFly.asciidoc
index 9f0722f383..d7f124e2db 100644
--- a/documentation/articles/ChangingThemeOnTheFly.asciidoc
+++ b/documentation/articles/ChangingThemeOnTheFly.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Changing Theme On The Fly
+order: 60
+layout: page
+---
+
 [[changing-theme-on-the-fly]]
 Changing theme on the fly
 -------------------------
diff --git a/documentation/articles/ChooseInputFieldComponentsWisely.asciidoc b/documentation/articles/ChooseInputFieldComponentsWisely.asciidoc
index 2d3e4c92e9..8f9f49a7d5 100644
--- a/documentation/articles/ChooseInputFieldComponentsWisely.asciidoc
+++ b/documentation/articles/ChooseInputFieldComponentsWisely.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Choose Input Field Components Wisely
+order: 31
+layout: page
+---
+
 [[choosing-input-field-components-wisely]]
 Choosing input field components wisely
 --------------------------------------
diff --git a/documentation/articles/CleaningUpResourcesInAUI.asciidoc b/documentation/articles/CleaningUpResourcesInAUI.asciidoc
index d26183c36f..2357dadbdc 100644
--- a/documentation/articles/CleaningUpResourcesInAUI.asciidoc
+++ b/documentation/articles/CleaningUpResourcesInAUI.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Cleaning Up Resources In A UI
+order: 11
+layout: page
+---
+
 [[cleaning-up-resources-in-a-ui]]
 Cleaning up resources in a UI
 -----------------------------
diff --git a/documentation/articles/ComponentAddonProjectSetupHOWTO.asciidoc b/documentation/articles/ComponentAddonProjectSetupHOWTO.asciidoc
index 3d633b82fa..a0730f45bd 100644
--- a/documentation/articles/ComponentAddonProjectSetupHOWTO.asciidoc
+++ b/documentation/articles/ComponentAddonProjectSetupHOWTO.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Component Addon Project Setup HOWTO
+order: 77
+layout: page
+---
+
 [[component-add-on-project-setup-howto]]
 Component add-on project setup how-to
 ------------------------------------
diff --git a/documentation/articles/ConfigureComboBoxesWisely.asciidoc b/documentation/articles/ConfigureComboBoxesWisely.asciidoc
index 7bdf3ca490..c2cf7ff922 100644
--- a/documentation/articles/ConfigureComboBoxesWisely.asciidoc
+++ b/documentation/articles/ConfigureComboBoxesWisely.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Configure Combo Boxes Wisely
+order: 5
+layout: page
+---
+
 [[configure-comboboxes-wisely]]
 Configure ComboBoxes wisely
 ---------------------------
diff --git a/documentation/articles/ConfigureInputFieldsToGuideDataEntry.asciidoc b/documentation/articles/ConfigureInputFieldsToGuideDataEntry.asciidoc
index 628af4ec1c..8c32561ab1 100644
--- a/documentation/articles/ConfigureInputFieldsToGuideDataEntry.asciidoc
+++ b/documentation/articles/ConfigureInputFieldsToGuideDataEntry.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Configure Input Fields To Guide Data Entry
+order: 83
+layout: page
+---
+
 [[configure-input-fields-to-guide-data-entry]]
 Configure input fields to guide data entry
 ------------------------------------------
diff --git a/documentation/articles/ConfiguringPushForYourEnvironment.asciidoc b/documentation/articles/ConfiguringPushForYourEnvironment.asciidoc
index ee9c363da8..4237f926d7 100644
--- a/documentation/articles/ConfiguringPushForYourEnvironment.asciidoc
+++ b/documentation/articles/ConfiguringPushForYourEnvironment.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Configuring Push For Your Environment
+order: 15
+layout: page
+---
+
 [[configuring-push-for-your-environment]]
 Configuring push for your environment
 -------------------------------------
diff --git a/documentation/articles/CreatingABookmarkableApplicationWithBackButtonSupport.asciidoc b/documentation/articles/CreatingABookmarkableApplicationWithBackButtonSupport.asciidoc
index e01ea78bc7..9a68687422 100644
--- a/documentation/articles/CreatingABookmarkableApplicationWithBackButtonSupport.asciidoc
+++ b/documentation/articles/CreatingABookmarkableApplicationWithBackButtonSupport.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Creating A Bookmarkable Application With Back Button Support
+order: 81
+layout: page
+---
+
 [[creating-a-bookmarkable-application-with-back-button-support]]
 Creating a bookmarkable application with back button support
 ------------------------------------------------------------
diff --git a/documentation/articles/CreatingAComponentExtension.asciidoc b/documentation/articles/CreatingAComponentExtension.asciidoc
index 92a673f013..01476a9597 100644
--- a/documentation/articles/CreatingAComponentExtension.asciidoc
+++ b/documentation/articles/CreatingAComponentExtension.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Creating A Component Extension
+order: 72
+layout: page
+---
+
 [[creating-a-component-extension]]
 Creating a component extension
 ------------------------------
diff --git a/documentation/articles/CreatingAServlet3.0Application.asciidoc b/documentation/articles/CreatingAServlet3.0Application.asciidoc
index 18e6a1c8dd..da8814b03c 100644
--- a/documentation/articles/CreatingAServlet3.0Application.asciidoc
+++ b/documentation/articles/CreatingAServlet3.0Application.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Creating A Servlet 3.0 Application
+order: 3
+layout: page
+---
+
 [[creating-a-servlet-3.0-application]]
 Creating a servlet 3.0 application
 ----------------------------------
diff --git a/documentation/articles/CreatingASimpleComponent.asciidoc b/documentation/articles/CreatingASimpleComponent.asciidoc
index 2a17eb7e4c..ddbbf26663 100644
--- a/documentation/articles/CreatingASimpleComponent.asciidoc
+++ b/documentation/articles/CreatingASimpleComponent.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Creating A Simple Component
+order: 32
+layout: page
+---
+
 [[creating-a-simple-component]]
 Creating a simple component
 ---------------------------
diff --git a/documentation/articles/CreatingASimpleComponentContainer.asciidoc b/documentation/articles/CreatingASimpleComponentContainer.asciidoc
index 1d3cb9c372..5e25aa2144 100644
--- a/documentation/articles/CreatingASimpleComponentContainer.asciidoc
+++ b/documentation/articles/CreatingASimpleComponentContainer.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Creating A Simple Component Container
+order: 70
+layout: page
+---
+
 [[creating-a-simple-component-container]]
 Creating a simple component container
 -------------------------------------
diff --git a/documentation/articles/CreatingAThemeUsingSass.asciidoc b/documentation/articles/CreatingAThemeUsingSass.asciidoc
index 6b0b519325..4e3ca2c77c 100644
--- a/documentation/articles/CreatingAThemeUsingSass.asciidoc
+++ b/documentation/articles/CreatingAThemeUsingSass.asciidoc
@@ -1,5 +1,11 @@
+---
+title: Creating A Theme Using SASS
+order: 78
+layout: page
+---
+
 [[creating-a-theme-using-sass]]
-Creating a theme using Sass
+Creating a theme using SASS
 ---------------------------
 
 Vaadin 7 comes with built in support for Sass, which can be thought of
diff --git a/documentation/articles/CreatingAUIExtension.asciidoc b/documentation/articles/CreatingAUIExtension.asciidoc
index 8c0fcd8fc2..56e209ede7 100644
--- a/documentation/articles/CreatingAUIExtension.asciidoc
+++ b/documentation/articles/CreatingAUIExtension.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Creating A UI Extension
+order: 73
+layout: page
+---
+
 [[creating-a-ui-extension]]
 Creating a UI extension
 -----------------------
diff --git a/documentation/articles/CreatingAnApplicationThatPreservesStateOnRefresh.asciidoc b/documentation/articles/CreatingAnApplicationThatPreservesStateOnRefresh.asciidoc
index 3f33ec3259..1226359d0a 100644
--- a/documentation/articles/CreatingAnApplicationThatPreservesStateOnRefresh.asciidoc
+++ b/documentation/articles/CreatingAnApplicationThatPreservesStateOnRefresh.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Creating An Application That Preserves State On Refresh
+order: 19
+layout: page
+---
+
 [[creating-an-application-that-preserves-state-on-refresh]]
 Creating an application that preserves state on refresh
 -------------------------------------------------------
diff --git a/documentation/articles/CreatingAnEclipseProject.asciidoc b/documentation/articles/CreatingAnEclipseProject.asciidoc
index f42bd095a5..e487fec6c0 100644
--- a/documentation/articles/CreatingAnEclipseProject.asciidoc
+++ b/documentation/articles/CreatingAnEclipseProject.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Creating An Eclipse Project
+order: 69
+layout: page
+---
+
 [[creating-an-eclipse-project]]
 Creating an Eclipse project
 ---------------------------
diff --git a/documentation/articles/CreatingMultiTabApplications.asciidoc b/documentation/articles/CreatingMultiTabApplications.asciidoc
index 1c04f77d81..310df1c0f0 100644
--- a/documentation/articles/CreatingMultiTabApplications.asciidoc
+++ b/documentation/articles/CreatingMultiTabApplications.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Creating Multi Tab Applications
+order: 84
+layout: page
+---
+
 [[creating-multi-tab-applications]]
 Creating multi-tab applications
 -------------------------------
diff --git a/documentation/articles/CreatingSecureVaadinApplicationsUsingJEE6.asciidoc b/documentation/articles/CreatingSecureVaadinApplicationsUsingJEE6.asciidoc
index 5d71d30b0e..85904abde2 100644
--- a/documentation/articles/CreatingSecureVaadinApplicationsUsingJEE6.asciidoc
+++ b/documentation/articles/CreatingSecureVaadinApplicationsUsingJEE6.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Creating Secure Vaadin Applications Using JEE6
+order: 49
+layout: page
+---
+
 [[creating-secure-vaadin-applications-using-jee6]]
 Creating secure Vaadin applications using JEE6
 ----------------------------------------------
diff --git a/documentation/articles/CustomizingComponentThemeWithSass.asciidoc b/documentation/articles/CustomizingComponentThemeWithSass.asciidoc
index b4728c14d1..ddef984832 100644
--- a/documentation/articles/CustomizingComponentThemeWithSass.asciidoc
+++ b/documentation/articles/CustomizingComponentThemeWithSass.asciidoc
@@ -1,5 +1,11 @@
+---
+title: Customizing Component Theme With SASS
+order: 64
+layout: page
+---
+
 [[customizing-component-theme-with-sass]]
-Customizing component theme with Sass
+Customizing component theme with SASS
 -------------------------------------
 
 In addition to the general benefits Sass brings to the world of CSS in
diff --git a/documentation/articles/CustomizingTheStartupPageInAnApplication.asciidoc b/documentation/articles/CustomizingTheStartupPageInAnApplication.asciidoc
index d48fcc6e39..e1b4e7a09d 100644
--- a/documentation/articles/CustomizingTheStartupPageInAnApplication.asciidoc
+++ b/documentation/articles/CustomizingTheStartupPageInAnApplication.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Customizing The Startup Page In An Application
+order: 25
+layout: page
+---
+
 [[customizing-the-startup-page-in-an-application]]
 Customizing the startup page in an application
 ----------------------------------------------
diff --git a/documentation/articles/DevelopingPortletsForTheWebSpherePortalServer.asciidoc b/documentation/articles/DevelopingPortletsForTheWebSpherePortalServer.asciidoc
index 4362b7e7f6..6ddb12a746 100644
--- a/documentation/articles/DevelopingPortletsForTheWebSpherePortalServer.asciidoc
+++ b/documentation/articles/DevelopingPortletsForTheWebSpherePortalServer.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Developing Portlets For The WebSphere Portal Server
+order: 4
+layout: page
+---
+
 [[developing-portlets-for-the-websphere-portal-server]]
 Developing portlets for the Websphere Portal Server
 ---------------------------------------------------
diff --git a/documentation/articles/DynamicallyInjectingCSS.asciidoc b/documentation/articles/DynamicallyInjectingCSS.asciidoc
index d379ec6c4d..3b71ad3c2d 100644
--- a/documentation/articles/DynamicallyInjectingCSS.asciidoc
+++ b/documentation/articles/DynamicallyInjectingCSS.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Dynamically Injecting CSS
+order: 54
+layout: page
+---
+
 [[dynamically-injecting-css]]
 Dynamically injecting CSS
 -------------------------
diff --git a/documentation/articles/DynamicallyUpdatingStateBeforeSendingChangesToClient.asciidoc b/documentation/articles/DynamicallyUpdatingStateBeforeSendingChangesToClient.asciidoc
index ee8fc7967e..66da45e74a 100644
--- a/documentation/articles/DynamicallyUpdatingStateBeforeSendingChangesToClient.asciidoc
+++ b/documentation/articles/DynamicallyUpdatingStateBeforeSendingChangesToClient.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Dynamically Updating State Before Sending Changes To Client
+order: 75
+layout: page
+---
+
 [[dynamically-updating-state-before-sending-changes-to-client]]
 Dynamically updating state before sending changes to client
 -----------------------------------------------------------
diff --git a/documentation/articles/EnableAndDisableButtonsToIndicateState.asciidoc b/documentation/articles/EnableAndDisableButtonsToIndicateState.asciidoc
index 713fdc3a9e..c963d8533a 100644
--- a/documentation/articles/EnableAndDisableButtonsToIndicateState.asciidoc
+++ b/documentation/articles/EnableAndDisableButtonsToIndicateState.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Enable And Disable Buttons To Indicate State
+order: 59
+layout: page
+---
+
 [[enable-and-disable-buttons-to-indicate-state]]
 Enable and disable buttons to indicate state
 --------------------------------------------
diff --git a/documentation/articles/EnablingServerPush.asciidoc b/documentation/articles/EnablingServerPush.asciidoc
index 37bd197cbb..79e424e4a5 100644
--- a/documentation/articles/EnablingServerPush.asciidoc
+++ b/documentation/articles/EnablingServerPush.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Enabling Server Push
+order: 10
+layout: page
+---
+
 [[enabling-server-push]]
 Enabling server push
 --------------------
diff --git a/documentation/articles/ExposingServerSideAPIToJavaScript.asciidoc b/documentation/articles/ExposingServerSideAPIToJavaScript.asciidoc
index 2f41d453a1..2af4c6d05f 100644
--- a/documentation/articles/ExposingServerSideAPIToJavaScript.asciidoc
+++ b/documentation/articles/ExposingServerSideAPIToJavaScript.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Exposing Server Side API To JavaScript
+order: 41
+layout: page
+---
+
 [[exposing-server-side-api-to-javascript]]
 Exposing server-side API to JavaScript
 --------------------------------------
diff --git a/documentation/articles/FindingTheCurrentUIAndPageAndVaadinSession.asciidoc b/documentation/articles/FindingTheCurrentUIAndPageAndVaadinSession.asciidoc
index e10ce53c91..6be26d18d9 100644
--- a/documentation/articles/FindingTheCurrentUIAndPageAndVaadinSession.asciidoc
+++ b/documentation/articles/FindingTheCurrentUIAndPageAndVaadinSession.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Finding The Current UI And Page And Vaadin Session
+order: 18
+layout: page
+---
+
 [[finding-the-current-ui-and-page-and-vaadin-session]]
 Finding the current UI and page and vaadin session
 --------------------------------------------------
diff --git a/documentation/articles/GeneratingDynamicResourcesBasedOnURIOrParameters.asciidoc b/documentation/articles/GeneratingDynamicResourcesBasedOnURIOrParameters.asciidoc
index 9cfc756bc7..51f157eacd 100644
--- a/documentation/articles/GeneratingDynamicResourcesBasedOnURIOrParameters.asciidoc
+++ b/documentation/articles/GeneratingDynamicResourcesBasedOnURIOrParameters.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Generating Dynamic Resources Based On URI Or Parameters
+order: 28
+layout: page
+---
+
 [[generating-dynamic-resources-based-on-uri-or-parameters]]
 Generating dynamic resources based on URI or parameters
 -------------------------------------------------------
diff --git a/documentation/articles/GettingStartedOnNetBeans.asciidoc b/documentation/articles/GettingStartedOnNetBeans.asciidoc
index aa656f6e17..37ccdede7d 100644
--- a/documentation/articles/GettingStartedOnNetBeans.asciidoc
+++ b/documentation/articles/GettingStartedOnNetBeans.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Getting Started On NetBeans
+order: 76
+layout: page
+---
+
 [[getting-started-on-netbeans]]
 Getting started on NetBeans
 ---------------------------
diff --git a/documentation/articles/HandlingLogout.asciidoc b/documentation/articles/HandlingLogout.asciidoc
index e83ef7705b..2ff850a19b 100644
--- a/documentation/articles/HandlingLogout.asciidoc
+++ b/documentation/articles/HandlingLogout.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Handling Logout
+order: 21
+layout: page
+---
+
 [[handling-logout]]
 Handling logout
 ---------------
diff --git a/documentation/articles/IBGettingStartedWithVaadinSpringWithoutSpringBoot.asciidoc b/documentation/articles/IBGettingStartedWithVaadinSpringWithoutSpringBoot.asciidoc
index 3196f2c12c..09cc7a4de6 100644
--- a/documentation/articles/IBGettingStartedWithVaadinSpringWithoutSpringBoot.asciidoc
+++ b/documentation/articles/IBGettingStartedWithVaadinSpringWithoutSpringBoot.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Getting Started With Vaadin Spring Without Spring Boot
+order: 43
+layout: page
+---
+
 [[i-b-getting-started-with-vaadin-spring-without-spring-boot]]
 I b - Getting started with Vaadin Spring without Spring Boot
 ------------------------------------------------------------
diff --git a/documentation/articles/IIInjectionAndScopes.asciidoc b/documentation/articles/IIInjectionAndScopes.asciidoc
index 618b816283..cbf843ebde 100644
--- a/documentation/articles/IIInjectionAndScopes.asciidoc
+++ b/documentation/articles/IIInjectionAndScopes.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Injection And Scopes
+order: 48
+layout: page
+---
+
 [[ii-injection-and-scopes]]
 II - Injection and scopes
 -------------------------
diff --git a/documentation/articles/IntegratingAJavaScriptComponent.asciidoc b/documentation/articles/IntegratingAJavaScriptComponent.asciidoc
index 88cb679cc7..3a2ae90526 100644
--- a/documentation/articles/IntegratingAJavaScriptComponent.asciidoc
+++ b/documentation/articles/IntegratingAJavaScriptComponent.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Integrating A JavaScript Component
+order: 38
+layout: page
+---
+
 [[integrating-a-javascript-component]]
 Integrating a JavaScript component
 ----------------------------------
diff --git a/documentation/articles/IntegratingAJavaScriptLibraryAsAnExtension.asciidoc b/documentation/articles/IntegratingAJavaScriptLibraryAsAnExtension.asciidoc
index c9184be047..f2fc35c9cb 100644
--- a/documentation/articles/IntegratingAJavaScriptLibraryAsAnExtension.asciidoc
+++ b/documentation/articles/IntegratingAJavaScriptLibraryAsAnExtension.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Integrating A JavaScript Library As An Extension
+order: 39
+layout: page
+---
+
 [[integrating-a-javascript-library-as-an-extension]]
 Integrating a JavaScript library as an extension
 ------------------------------------------------
diff --git a/documentation/articles/IntegratingAnExistingGWTWidget.asciidoc b/documentation/articles/IntegratingAnExistingGWTWidget.asciidoc
index 53fd51256c..bb35be2925 100644
--- a/documentation/articles/IntegratingAnExistingGWTWidget.asciidoc
+++ b/documentation/articles/IntegratingAnExistingGWTWidget.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Integrating An Existing GWT Widget
+order: 33
+layout: page
+---
+
 [[integrating-an-existing-gwt-widget]]
 Integrating an existing GWT widget
 ----------------------------------
diff --git a/documentation/articles/IntegrationExperiences.asciidoc b/documentation/articles/IntegrationExperiences.asciidoc
index ac6a660a02..8680a690f0 100644
--- a/documentation/articles/IntegrationExperiences.asciidoc
+++ b/documentation/articles/IntegrationExperiences.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Integration Experiences
+order: 34
+layout: page
+---
+
 [[integrating-vaadin-applications-with-other-technologies]]
 Integrating Vaadin Applications with other technologies
 -------------------------------------------------------
diff --git a/documentation/articles/LabelButtonsExpressively.asciidoc b/documentation/articles/LabelButtonsExpressively.asciidoc
index d22ff13649..0197e7d8dc 100644
--- a/documentation/articles/LabelButtonsExpressively.asciidoc
+++ b/documentation/articles/LabelButtonsExpressively.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Label Buttons Expressively
+order: 67
+layout: page
+---
+
 [[label-buttons-expressively]]
 Label buttons expressively
 --------------------------
diff --git a/documentation/articles/LettingTheUserDownloadAFile.asciidoc b/documentation/articles/LettingTheUserDownloadAFile.asciidoc
index fe54bdfd09..d8b381b109 100644
--- a/documentation/articles/LettingTheUserDownloadAFile.asciidoc
+++ b/documentation/articles/LettingTheUserDownloadAFile.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Letting The User Download A File
+order: 6
+layout: page
+---
+
 [[letting-the-user-download-a-file]]
 Letting The User Download A File
 --------------------------------
diff --git a/documentation/articles/LoadTestingWithGatling.asciidoc b/documentation/articles/LoadTestingWithGatling.asciidoc
index ec5bc80525..c13b84098c 100644
--- a/documentation/articles/LoadTestingWithGatling.asciidoc
+++ b/documentation/articles/LoadTestingWithGatling.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Load Testing With Gatling
+order: 51
+layout: page
+---
+
 [[loading-testing-with-gatling]]
 Load testing with Gatling
 -------------------------
diff --git a/documentation/articles/MVCBasicsInITMillToolkit.asciidoc b/documentation/articles/MVCBasicsInITMillToolkit.asciidoc
index 437a2a5817..78b2f4848b 100644
--- a/documentation/articles/MVCBasicsInITMillToolkit.asciidoc
+++ b/documentation/articles/MVCBasicsInITMillToolkit.asciidoc
@@ -1,3 +1,9 @@
+---
+title: MVC Basics In IT Mill Toolkit
+order: 24
+layout: page
+---
+
 [[mvc-basics-in-itmill-toolkit]]
 MVC Basics in IT Mill Toolkit
 -----------------------------
diff --git a/documentation/articles/MarkRequiredFieldsAsSuch.asciidoc b/documentation/articles/MarkRequiredFieldsAsSuch.asciidoc
index c80132db2c..8bbafbec10 100644
--- a/documentation/articles/MarkRequiredFieldsAsSuch.asciidoc
+++ b/documentation/articles/MarkRequiredFieldsAsSuch.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Mark Required Fields As Such
+order: 61
+layout: page
+---
+
 [[mark-required-fields-as-such]]
 Mark required fields as such
 ----------------------------
diff --git a/documentation/articles/OpeningAUIInAPopupWindow.asciidoc b/documentation/articles/OpeningAUIInAPopupWindow.asciidoc
index e9cfc5ccb9..d9f3208244 100644
--- a/documentation/articles/OpeningAUIInAPopupWindow.asciidoc
+++ b/documentation/articles/OpeningAUIInAPopupWindow.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Opening A UI In A Popup Window
+order: 79
+layout: page
+---
+
 [[opening-a-ui-in-a-popup-window]]
 Opening a UI in a popup window
 ------------------------------
diff --git a/documentation/articles/OptimizingSluggishUI.asciidoc b/documentation/articles/OptimizingSluggishUI.asciidoc
index 317bd16fb5..a3a7ffae66 100644
--- a/documentation/articles/OptimizingSluggishUI.asciidoc
+++ b/documentation/articles/OptimizingSluggishUI.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Optimizing Sluggish UI
+order: 13
+layout: page
+---
+
 [[optimizing-sluggish-ui]]
 Optimizing sluggish UI
 ----------------------
diff --git a/documentation/articles/OptimizingTheWidgetSet.asciidoc b/documentation/articles/OptimizingTheWidgetSet.asciidoc
index a8920c95f9..87d335483d 100644
--- a/documentation/articles/OptimizingTheWidgetSet.asciidoc
+++ b/documentation/articles/OptimizingTheWidgetSet.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Optimizing The Widget Set
+order: 29
+layout: page
+---
+
 [[optimizing-the-widget-set]]
 Optimizing the widget set
 -------------------------
diff --git a/documentation/articles/PackagingSCSSOrCSSinAnAddon.asciidoc b/documentation/articles/PackagingSCSSOrCSSinAnAddon.asciidoc
index 19e461f6f0..c6efa1b06f 100644
--- a/documentation/articles/PackagingSCSSOrCSSinAnAddon.asciidoc
+++ b/documentation/articles/PackagingSCSSOrCSSinAnAddon.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Packaging SCSS Or CSS in An Addon
+order: 62
+layout: page
+---
+
 [[packaging-scss-or-css-in-an-add-on]]
 Packaging SCSS or CSS in an add-on
 ----------------------------------
diff --git a/documentation/articles/ReadOnlyVsDisabledFields.asciidoc b/documentation/articles/ReadOnlyVsDisabledFields.asciidoc
index eb92325877..80f054f531 100644
--- a/documentation/articles/ReadOnlyVsDisabledFields.asciidoc
+++ b/documentation/articles/ReadOnlyVsDisabledFields.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Read Only Vs Disabled Fields
+order: 56
+layout: page
+---
+
 [[read-only-vs-disabled-fields]]
 Read-only vs Disabled fields
 ----------------------------
diff --git a/documentation/articles/RememberToTheSetTheLocale.asciidoc b/documentation/articles/RememberToTheSetTheLocale.asciidoc
index 042682e234..613aaadb8e 100644
--- a/documentation/articles/RememberToTheSetTheLocale.asciidoc
+++ b/documentation/articles/RememberToTheSetTheLocale.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Remember To The Set The Locale
+order: 23
+layout: page
+---
+
 [[remember-to-the-set-the-locale]]
 Remember to the set the locale
 ------------------------------
diff --git a/documentation/articles/RightAlignComparableNumericalFields.asciidoc b/documentation/articles/RightAlignComparableNumericalFields.asciidoc
index 4f835ead59..fc023c3ed2 100644
--- a/documentation/articles/RightAlignComparableNumericalFields.asciidoc
+++ b/documentation/articles/RightAlignComparableNumericalFields.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Right Align Comparable Numerical Fields
+order: 63
+layout: page
+---
+
 [[right-align-comparable-numeric-fields]]
 Right-align comparable numeric fields
 -------------------------------------
diff --git a/documentation/articles/ScalableWebApplications.asciidoc b/documentation/articles/ScalableWebApplications.asciidoc
index 83ae8d6ee3..da2f02e7e4 100644
--- a/documentation/articles/ScalableWebApplications.asciidoc
+++ b/documentation/articles/ScalableWebApplications.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Scalable Web Applications
+order: 22
+layout: page
+---
+
 [[scalable-web-applications]]
 Scalable web applications
 -------------------------
diff --git a/documentation/articles/SendingEmailFromJavaApplications.asciidoc b/documentation/articles/SendingEmailFromJavaApplications.asciidoc
index 07ed9181d9..3d55f21765 100644
--- a/documentation/articles/SendingEmailFromJavaApplications.asciidoc
+++ b/documentation/articles/SendingEmailFromJavaApplications.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Sending Email From Java Applications
+order: 12
+layout: page
+---
+
 [[sending-email-from-java-applications]]
 Sending email from Java Applications
 ------------------------------------
diff --git a/documentation/articles/SendingEventsFromTheClientToTheServerUsingRPC.asciidoc b/documentation/articles/SendingEventsFromTheClientToTheServerUsingRPC.asciidoc
index 329755c9cd..75657de3db 100644
--- a/documentation/articles/SendingEventsFromTheClientToTheServerUsingRPC.asciidoc
+++ b/documentation/articles/SendingEventsFromTheClientToTheServerUsingRPC.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Sending Events From The Client To The Server Using RPC
+order: 20
+layout: page
+---
+
 [[sending-events-from-the-client-to-the-server-using-RPC]]
 Sending events from the client to the server using RPC
 ------------------------------------------------------
diff --git a/documentation/articles/SettingAndReadingCookies.asciidoc b/documentation/articles/SettingAndReadingCookies.asciidoc
index 57310bb04d..f3ca33556a 100644
--- a/documentation/articles/SettingAndReadingCookies.asciidoc
+++ b/documentation/articles/SettingAndReadingCookies.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Setting And Reading Cookies
+order: 16
+layout: page
+---
+
 [[setting-and-reading-ookies]]
 Setting And Reading Cookies
 ---------------------------
diff --git a/documentation/articles/SettingAndReadingSessionAttributes.asciidoc b/documentation/articles/SettingAndReadingSessionAttributes.asciidoc
index c7c042c3f9..4d96c47e5c 100644
--- a/documentation/articles/SettingAndReadingSessionAttributes.asciidoc
+++ b/documentation/articles/SettingAndReadingSessionAttributes.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Setting And Reading Session Attributes
+order: 9
+layout: page
+---
+
 [[setting-and-reading-session-attributes]]
 Setting and reading session attributes
 --------------------------------------
diff --git a/documentation/articles/UseTooltipsToClarifyFunctions.asciidoc b/documentation/articles/UseTooltipsToClarifyFunctions.asciidoc
index af871a6332..86e7571555 100644
--- a/documentation/articles/UseTooltipsToClarifyFunctions.asciidoc
+++ b/documentation/articles/UseTooltipsToClarifyFunctions.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Use Tooltips To Clarify Functions
+order: 58
+layout: page
+---
+
 [[use-tooltips-to-clarify-functions]]
 Use tooltips to clarify functions
 ---------------------------------
diff --git a/documentation/articles/UsingAJavaScriptLibraryOrAStyleSheetInAnAddOn.asciidoc b/documentation/articles/UsingAJavaScriptLibraryOrAStyleSheetInAnAddOn.asciidoc
index ee2123b204..fe7f864359 100644
--- a/documentation/articles/UsingAJavaScriptLibraryOrAStyleSheetInAnAddOn.asciidoc
+++ b/documentation/articles/UsingAJavaScriptLibraryOrAStyleSheetInAnAddOn.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using A JavaScript Library Or A Style Sheet In An Add On
+order: 40
+layout: page
+---
+
 [[using-a-javascript-library-or-a-style-sheet-in-an-addon]]
 Using a JavaScript library or a style sheet in an add-on
 --------------------------------------------------------
diff --git a/documentation/articles/UsingBeanValidationToValidateInput.asciidoc b/documentation/articles/UsingBeanValidationToValidateInput.asciidoc
index 5071a25a3a..4ee3ad7e71 100644
--- a/documentation/articles/UsingBeanValidationToValidateInput.asciidoc
+++ b/documentation/articles/UsingBeanValidationToValidateInput.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using Bean Validation To Validate Input
+order: 45
+layout: page
+---
+
 [[using-bean-validation-to-validate-input]]
 Using Bean Validation to validate input
 ---------------------------------------
diff --git a/documentation/articles/UsingDeclarativeServices.asciidoc b/documentation/articles/UsingDeclarativeServices.asciidoc
index adcdc3426c..7997c07993 100644
--- a/documentation/articles/UsingDeclarativeServices.asciidoc
+++ b/documentation/articles/UsingDeclarativeServices.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using Declarative Services
+order: 74
+layout: page
+---
+
 [[using-declarative-services]]
 Using declarative services
 --------------------------
diff --git a/documentation/articles/UsingFontIcons.asciidoc b/documentation/articles/UsingFontIcons.asciidoc
index 81bd3ea075..3741163156 100644
--- a/documentation/articles/UsingFontIcons.asciidoc
+++ b/documentation/articles/UsingFontIcons.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using Font Icons
+order: 53
+layout: page
+---
+
 [[using-font-icons-in-vaadin-7.2]]
 Using font icons in Vaadin 7.2
 ------------------------------
diff --git a/documentation/articles/UsingParametersWithViews.asciidoc b/documentation/articles/UsingParametersWithViews.asciidoc
index dfa29dabde..a2c8ac5939 100644
--- a/documentation/articles/UsingParametersWithViews.asciidoc
+++ b/documentation/articles/UsingParametersWithViews.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using Parameters With Views
+order: 14
+layout: page
+---
+
 [[using-parameters-with-views]]
 Using parameters with Views
 ---------------------------
diff --git a/documentation/articles/UsingPolling.asciidoc b/documentation/articles/UsingPolling.asciidoc
index 1bd9119268..b92b96a901 100644
--- a/documentation/articles/UsingPolling.asciidoc
+++ b/documentation/articles/UsingPolling.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using Polling
+order: 17
+layout: page
+---
+
 [[using-polling]]
 Using Polling
 -------------
diff --git a/documentation/articles/UsingRPCFromJavaScript.asciidoc b/documentation/articles/UsingRPCFromJavaScript.asciidoc
index c4bfea9bb9..5e7cea7f97 100644
--- a/documentation/articles/UsingRPCFromJavaScript.asciidoc
+++ b/documentation/articles/UsingRPCFromJavaScript.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using RPC From JavaScript
+order: 42
+layout: page
+---
+
 [[using-rpc-from-javascript]]
 Using RPC from JavaScript
 -------------------------
diff --git a/documentation/articles/UsingRPCToSendEventsToTheClient.asciidoc b/documentation/articles/UsingRPCToSendEventsToTheClient.asciidoc
index 478986c374..0ee258be83 100644
--- a/documentation/articles/UsingRPCToSendEventsToTheClient.asciidoc
+++ b/documentation/articles/UsingRPCToSendEventsToTheClient.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using RPC To Send Events To The Client
+order: 71
+layout: page
+---
+
 [[using-rpc-to-send-events-to-the-client]]
 Using RPC to send events to the client
 --------------------------------------
diff --git a/documentation/articles/UsingServerInitiatedEvents.asciidoc b/documentation/articles/UsingServerInitiatedEvents.asciidoc
index 26221e9ac2..4857817c2a 100644
--- a/documentation/articles/UsingServerInitiatedEvents.asciidoc
+++ b/documentation/articles/UsingServerInitiatedEvents.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using Server Initiated Events
+order: 30
+layout: page
+---
+
 [[using-server-initiated-events]]
 Using server-initiated events
 -----------------------------
diff --git a/documentation/articles/UsingURIFragments.asciidoc b/documentation/articles/UsingURIFragments.asciidoc
index eebdf78303..2328d91dde 100644
--- a/documentation/articles/UsingURIFragments.asciidoc
+++ b/documentation/articles/UsingURIFragments.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using URI Fragments
+order: 26
+layout: page
+---
+
 [[using-uri-fragments]]
 Using URI fragments
 -------------------
diff --git a/documentation/articles/UsingVaadinCDIWithJAASAuthentication.asciidoc b/documentation/articles/UsingVaadinCDIWithJAASAuthentication.asciidoc
index 7fdf82b930..0553f47a4e 100644
--- a/documentation/articles/UsingVaadinCDIWithJAASAuthentication.asciidoc
+++ b/documentation/articles/UsingVaadinCDIWithJAASAuthentication.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using Vaadin CDI With JAAS Authentication
+order: 50
+layout: page
+---
+
 [[using-vaadin-cdi-with-jaas-authentication]]
 Using Vaadin CDI with JAAS authentication
 -----------------------------------------
diff --git a/documentation/articles/UsingVaadinInIBMDomino.asciidoc b/documentation/articles/UsingVaadinInIBMDomino.asciidoc
index d182ef5c40..25a28bd7ad 100644
--- a/documentation/articles/UsingVaadinInIBMDomino.asciidoc
+++ b/documentation/articles/UsingVaadinInIBMDomino.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Using Vaadin In IBM Domino
+order: 7
+layout: page
+---
+
 [[using-vaadin-in-ibm-domino]]
 Using Vaadin In IBM Domino
 --------------------------
diff --git a/documentation/articles/Vaadin7SpringSecurityBaseAuthentification.asciidoc b/documentation/articles/Vaadin7SpringSecurityBaseAuthentification.asciidoc
index b43540bc29..4881d35c2d 100644
--- a/documentation/articles/Vaadin7SpringSecurityBaseAuthentification.asciidoc
+++ b/documentation/articles/Vaadin7SpringSecurityBaseAuthentification.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Vaadin 7 Spring Security
+order: 44
+layout: page
+---
+
 [[vaadin-7-spring-security-base-authentication]]
 Vaadin 7 + Spring Security (base authentication)
 ------------------------------------------------
diff --git a/documentation/articles/VaadinCDI.asciidoc b/documentation/articles/VaadinCDI.asciidoc
index f8b7cf4c4b..99b1efd16d 100644
--- a/documentation/articles/VaadinCDI.asciidoc
+++ b/documentation/articles/VaadinCDI.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Vaadin CDI
+order: 47
+layout: page
+---
+
 [[vaadin-cdi]]
 Vaadin CDI
 ----------
diff --git a/documentation/articles/VaadinOnGrailsCreateProjectInIntelliJIDEA.asciidoc b/documentation/articles/VaadinOnGrailsCreateProjectInIntelliJIDEA.asciidoc
index a63200fa5e..336a65e405 100644
--- a/documentation/articles/VaadinOnGrailsCreateProjectInIntelliJIDEA.asciidoc
+++ b/documentation/articles/VaadinOnGrailsCreateProjectInIntelliJIDEA.asciidoc
@@ -1,6 +1,12 @@
-[[vaadin-on-grails-create-project-in-intellij-idea]]
-Vaadin on grails - Create project in IntelliJ IDEA
---------------------------------------------------
+---
+title: Vaadin On Grails with IntelliJ IDEA
+order: 35
+layout: page
+---
+
+[[vaadin-on-grails-with-intellij-idea]]
+Vaadin on Grails with IntelliJ IDEA
+-----------------------------------
 
 _Versions used in this tutorial: Grails 2.3.x, Vaadin 7.1.x. News and
 updates about Vaadin on Grails are available on
diff --git a/documentation/articles/VaadinOnGrailsDatabaseAccess.asciidoc b/documentation/articles/VaadinOnGrailsDatabaseAccess.asciidoc
index db3c5ca9bb..fdf6ffab0e 100644
--- a/documentation/articles/VaadinOnGrailsDatabaseAccess.asciidoc
+++ b/documentation/articles/VaadinOnGrailsDatabaseAccess.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Vaadin On Grails Database Access
+order: 36
+layout: page
+---
+
 [[vaadin-on-grails-database-access]]
 Vaadin on grails - Database access
 ----------------------------------
diff --git a/documentation/articles/VaadinOnGrailsMultipleUIs.asciidoc b/documentation/articles/VaadinOnGrailsMultipleUIs.asciidoc
index 3e42e650e3..26b0cab680 100644
--- a/documentation/articles/VaadinOnGrailsMultipleUIs.asciidoc
+++ b/documentation/articles/VaadinOnGrailsMultipleUIs.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Vaadin On Grails Multiple UIs
+order: 37
+layout: page
+---
+
 [[vaadin-on-grails-multiple-uis]]
 Vaadin on grails - multiple UIs
 -------------------------------
diff --git a/documentation/articles/VaadinScalabilityTestingWithAmazonWebServices.asciidoc b/documentation/articles/VaadinScalabilityTestingWithAmazonWebServices.asciidoc
index 0f5261ecdc..a99affa12d 100644
--- a/documentation/articles/VaadinScalabilityTestingWithAmazonWebServices.asciidoc
+++ b/documentation/articles/VaadinScalabilityTestingWithAmazonWebServices.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Vaadin Scalability Testing With Amazon Web Services
+order: 52
+layout: page
+---
+
 [[vaadin-scalability-testing-with-amazon-web-services]]
 Vaadin scalability testing with Amazon Web Services
 ---------------------------------------------------
diff --git a/documentation/articles/VaadinSpringTips.asciidoc b/documentation/articles/VaadinSpringTips.asciidoc
index 08932faae3..490d2ec370 100644
--- a/documentation/articles/VaadinSpringTips.asciidoc
+++ b/documentation/articles/VaadinSpringTips.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Vaadin Spring Tips
+order: 46
+layout: page
+---
+
 [[vaadin-spring-tips]]
 Vaadin Spring tips
 ------------------
diff --git a/documentation/articles/VaadinTutorialForSwingDevelopers.asciidoc b/documentation/articles/VaadinTutorialForSwingDevelopers.asciidoc
index 1d17e9358b..946d2433d9 100644
--- a/documentation/articles/VaadinTutorialForSwingDevelopers.asciidoc
+++ b/documentation/articles/VaadinTutorialForSwingDevelopers.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Vaadin Tutorial For Swing Developers
+order: 8
+layout: page
+---
+
 [[a-hitchhikers-guide-to-convert-aswing-appto-modern-web-app]]
 A hitchhiker's guide to convert a Swing app to modern web app
 -------------------------------------------------------------
diff --git a/documentation/articles/ValoExamples.asciidoc b/documentation/articles/ValoExamples.asciidoc
index d8eaa78a2c..e95a742dc1 100644
--- a/documentation/articles/ValoExamples.asciidoc
+++ b/documentation/articles/ValoExamples.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Valo Examples
+order: 55
+layout: page
+---
+
 [[valo-examples]]
 Valo examples
 -------------
diff --git a/documentation/articles/ValoThemeGettingStarted.asciidoc b/documentation/articles/ValoThemeGettingStarted.asciidoc
index 1cf9214dff..99431b2107 100644
--- a/documentation/articles/ValoThemeGettingStarted.asciidoc
+++ b/documentation/articles/ValoThemeGettingStarted.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Valo Theme Getting Started
+order: 57
+layout: page
+---
+
 [[valo-theme-getting-started]]
 Valo theme - Getting started
 ----------------------------
diff --git a/documentation/articles/ViewChangeConfirmations.asciidoc b/documentation/articles/ViewChangeConfirmations.asciidoc
index 5beda623eb..9075ace843 100644
--- a/documentation/articles/ViewChangeConfirmations.asciidoc
+++ b/documentation/articles/ViewChangeConfirmations.asciidoc
@@ -1,3 +1,9 @@
+---
+title: View Change Confirmations
+order: 80
+layout: page
+---
+
 [[view-change-confirmations]]
 View change confirmations
 -------------------------
diff --git a/documentation/articles/VisuallyDistinguishPrimaryActions.asciidoc b/documentation/articles/VisuallyDistinguishPrimaryActions.asciidoc
index e7fe9ee987..6e06ae0ece 100644
--- a/documentation/articles/VisuallyDistinguishPrimaryActions.asciidoc
+++ b/documentation/articles/VisuallyDistinguishPrimaryActions.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Visually Distinguish Primary Actions
+order: 66
+layout: page
+---
+
 [[visually-distinguish-primary-actions]]
 Visually distinguish primary actions
 ------------------------------------
diff --git a/documentation/articles/WidgetStylingUsingOnlyCSS.asciidoc b/documentation/articles/WidgetStylingUsingOnlyCSS.asciidoc
index 609c8a566b..97c11f9e27 100644
--- a/documentation/articles/WidgetStylingUsingOnlyCSS.asciidoc
+++ b/documentation/articles/WidgetStylingUsingOnlyCSS.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Widget Styling Using Only CSS
+order: 65
+layout: page
+---
+
 [[widget-styling-using-only-css]]
 Widget styling using only CSS
 -----------------------------
diff --git a/documentation/articles/contents.asciidoc b/documentation/articles/contents.asciidoc
index 84cec17eed..fae920e89e 100644
--- a/documentation/articles/contents.asciidoc
+++ b/documentation/articles/contents.asciidoc
@@ -1,3 +1,9 @@
+---
+title: Contents
+order: 1
+layout: page
+---
+
 = Community articles for Vaadin Framework
 
 Helpful articles about Vaadin Framework written by the users for the users. The
@@ -10,6 +16,8 @@ are great, too.
 
 [discrete]
 == Articles
+- link:AccessControlForViews.asciidoc[Access control or views]
+- link:CreatingAServlet3.0Application.asciidoc[Creating a Servlet 3.0 application]
 - link:DevelopingPortletsForTheWebspherePortalServer.asciidoc[Developing portlets for the WebSphere Portal Server]
 - link:ConfigureComboBoxesWisely.asciidoc[Configure ComboBoxes wisely]
 - link:LettingTheUserDownloadAFile.asciidoc[Letting the user download a file]