diff --git a/examples/drawersettingseditor.cpp b/examples/drawersettingseditor.cpp
index 8c6534c..647f2db 100644
--- a/examples/drawersettingseditor.cpp
+++ b/examples/drawersettingseditor.cpp
@@ -33,6 +33,8 @@ DrawerSettingsEditor::DrawerSettingsEditor(QWidget *parent)
 
     connect(ui->showDrawerButton, SIGNAL(pressed()), m_drawer, SLOT(openDrawer()));
     connect(ui->hideDrawerButton, SIGNAL(pressed()), m_drawer, SLOT(closeDrawer()));
+    connect(ui->clickToCloseCheckBox, SIGNAL(toggled(bool)), this, SLOT(updateWidget()));
+    connect(ui->overlayModeCheckBox, SIGNAL(toggled(bool)), this, SLOT(updateWidget()));
 }
 
 DrawerSettingsEditor::~DrawerSettingsEditor()
@@ -42,8 +44,12 @@ DrawerSettingsEditor::~DrawerSettingsEditor()
 
 void DrawerSettingsEditor::setupForm()
 {
+    ui->clickToCloseCheckBox->setChecked(m_drawer->clickOutsideToClose());
+    ui->overlayModeCheckBox->setChecked(m_drawer->overlayMode());
 }
 
 void DrawerSettingsEditor::updateWidget()
 {
+    m_drawer->setClickOutsideToClose(ui->clickToCloseCheckBox->isChecked());
+    m_drawer->setOverlayMode(ui->overlayModeCheckBox->isChecked());
 }
diff --git a/examples/drawersettingsform.ui b/examples/drawersettingsform.ui
index 5716f2c..27ccd0b 100644
--- a/examples/drawersettingsform.ui
+++ b/examples/drawersettingsform.ui
@@ -18,8 +18,8 @@
     <rect>
      <x>0</x>
      <y>0</y>
-     <width>321</width>
-     <height>191</height>
+     <width>180</width>
+     <height>94</height>
     </rect>
    </property>
    <layout class="QFormLayout" name="formLayout">
@@ -43,14 +43,14 @@
     <item row="1" column="1">
      <widget class="QCheckBox" name="clickToCloseCheckBox"/>
     </item>
-    <item row="2" column="1">
+    <item row="2" column="0">
      <widget class="QPushButton" name="showDrawerButton">
       <property name="text">
        <string>Show drawer</string>
       </property>
      </widget>
     </item>
-    <item row="3" column="1">
+    <item row="2" column="1">
      <widget class="QPushButton" name="hideDrawerButton">
       <property name="text">
        <string>Hide drawer</string>
@@ -59,8 +59,6 @@
     </item>
    </layout>
   </widget>
-  <zorder>formLayoutWidget</zorder>
-  <zorder>horizontalLayoutWidget</zorder>
  </widget>
  <resources/>
  <connections/>