Removed OpaqueUndocking documentation

Removed ubuntu-latest because there seems to be build issues for ubuntu-22.04

.github/workflows/linux-builds.yml

@@ -6,7 +6,7 @@ jobs:
   build:
     strategy:
       matrix:
-        os: [ubuntu-latest, ubuntu-20.04, ubuntu-18.04]
+        os: [ubuntu-20.04, ubuntu-18.04]
 
     runs-on: ${{ matrix.os }}
     

demo/CMakeLists.txt

@@ -13,6 +13,8 @@ set(ads_demo_SRCS
     mainwindow.ui
     StatusDialog.cpp
     StatusDialog.ui
+    ImageViewer.cpp
+    RenderWidget.cpp
 	demo.qrc
 )
 add_executable(AdvancedDockingSystemDemo WIN32 ${ads_demo_SRCS})

demo/ImageViewer.cpp

@@ -0,0 +1,280 @@
+//============================================================================
+/// \file   ImageViewer.cpp
+/// \author Uwe Kindler
+/// \date   04.11.2022
+/// \brief  Implementation of CImageViewer
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "ImageViewer.h"
+
+#include <math.h>
+
+#include <QLabel>
+#include <QImageReader>
+#include <QImageWriter>
+#include <QMessageBox>
+#include <QApplication>
+#include <QDir>
+#include <QFileDialog>
+#include <QStandardPaths>
+#include <QAction>
+#include <QScrollBar>
+#include <QPixmap>
+#include <QPainter>
+#include <QImage>
+#include <QMouseEvent>
+#include <QWheelEvent>
+
+#include "RenderWidget.h"
+
+/**
+ * Private image viewer data
+ */
+struct ImageViewerPrivate
+{
+	CImageViewer* _this;
+	CRenderWidget* RenderWidget;///< renders the image to screen
+	bool AutoFit;///< automatically fit image to window size on resize events
+	QSize ImageSize;///< stores the image size to detect image size changes
+	QPoint MouseMoveStartPos;///< for calculation of mouse move vector
+	QLabel* ScalingLabel;///< label displays scaling factor
+	QList<QWidget*> OverlayTools;///< list of tool widget to overlay
+
+	ImageViewerPrivate(CImageViewer* _public) : _this(_public) {}
+};
+
+
+
+//============================================================================
+CImageViewer::CImageViewer(QWidget *parent)
+	: Super(parent),
+	  d(new ImageViewerPrivate(this))
+{
+	d->AutoFit = true;
+	d->RenderWidget = new CRenderWidget(this);
+
+	this->setBackgroundRole(QPalette::Light);
+	this->setAlignment(Qt::AlignCenter);
+	this->setWidget(d->RenderWidget);
+	this->createActions();
+	this->setMouseTracking(false); // only produce mouse move events if mouse button pressed
+}
+
+
+//============================================================================
+CImageViewer::~CImageViewer()
+{
+	delete d;
+}
+
+
+//============================================================================
+bool CImageViewer::loadFile(const QString& fileName)
+{
+    QImageReader reader(fileName);
+    reader.setAutoTransform(true);
+    const QImage newImage = reader.read();
+    if (newImage.isNull())
+    {
+        QMessageBox::information(this, QGuiApplication::applicationDisplayName(),
+                                 tr("Cannot load %1: %2")
+                                 .arg(QDir::toNativeSeparators(fileName), reader.errorString()));
+        return false;
+    }
+
+    setImage(newImage);
+    setWindowFilePath(fileName);
+    return true;
+}
+
+
+//===========================================================================
+void CImageViewer::setImage(const QImage &newImage)
+{
+    d->RenderWidget->showImage(newImage);
+    this->adjustDisplaySize(newImage);
+}
+
+
+//============================================================================
+void CImageViewer::adjustDisplaySize(const QImage& Image)
+{
+	if (d->ImageSize == Image.size())
+	{
+		return;
+	}
+	d->ImageSize = Image.size();
+	if (d->AutoFit)
+	{
+		this->fitToWindow();
+	}
+}
+
+
+//===========================================================================
+static void initializeImageFileDialog(QFileDialog &dialog, QFileDialog::AcceptMode acceptMode)
+{
+    static bool firstDialog = true;
+
+    if (firstDialog) {
+        firstDialog = false;
+        const QStringList picturesLocations = QStandardPaths::standardLocations(QStandardPaths::PicturesLocation);
+        dialog.setDirectory(picturesLocations.isEmpty() ? QDir::currentPath() : picturesLocations.last());
+    }
+
+    QStringList mimeTypeFilters;
+    const QByteArrayList supportedMimeTypes = acceptMode == QFileDialog::AcceptOpen
+        ? QImageReader::supportedMimeTypes() : QImageWriter::supportedMimeTypes();
+    for (const QByteArray &mimeTypeName : supportedMimeTypes)
+        mimeTypeFilters.append(mimeTypeName);
+    mimeTypeFilters.sort();
+    dialog.setMimeTypeFilters(mimeTypeFilters);
+    dialog.selectMimeTypeFilter("image/jpeg");
+    if (acceptMode == QFileDialog::AcceptSave)
+        dialog.setDefaultSuffix("jpg");
+}
+
+
+//===========================================================================
+void CImageViewer::open()
+{
+    QFileDialog dialog(this, tr("Open File"));
+    initializeImageFileDialog(dialog, QFileDialog::AcceptOpen);
+
+    while (dialog.exec() == QDialog::Accepted && !loadFile(dialog.selectedFiles().first())) {}
+}
+
+
+//===========================================================================
+void CImageViewer::createActions()
+{
+	QAction* a;
+    a = new QAction(tr("&Open..."));
+    a->setIcon(QIcon(":/adsdemo/images/perm_media.svg"));
+    connect(a, &QAction::triggered, this, &CImageViewer::open);
+    a->setShortcut(QKeySequence::Open);;
+    this->addAction(a);
+
+	a = new QAction(tr("Fit on Screen"));
+	a->setIcon(QIcon(":/adsdemo/images/zoom_out_map.svg"));
+	connect(a, &QAction::triggered, this, &CImageViewer::fitToWindow);
+	this->addAction(a);
+
+	a = new QAction(tr("Actual Pixels"));
+	a->setIcon(QIcon(":/adsdemo/images/find_in_page.svg"));
+	connect(a, &QAction::triggered, this, &CImageViewer::normalSize);
+	this->addAction(a);
+
+	a = new QAction(this);
+	a->setSeparator(true);
+	this->addAction(a);
+
+	a = new QAction(tr("Zoom In (25%)"));
+	a->setIcon(QIcon(":/adsdemo/images/zoom_in.svg"));
+	connect(a, &QAction::triggered, this, &CImageViewer::zoomIn);
+	this->addAction(a);
+
+	a = new QAction(tr("Zoom Out (25%)"));
+	a->setIcon(QIcon(":/adsdemo/images/zoom_out.svg"));
+	connect(a, &QAction::triggered, this, &CImageViewer::zoomOut);
+	this->addAction(a);
+
+	this->setContextMenuPolicy(Qt::ActionsContextMenu);
+}
+
+
+//===========================================================================
+void CImageViewer::zoomIn()
+{
+	d->AutoFit = false;
+	d->RenderWidget->zoomIn();
+}
+
+
+//===========================================================================
+void CImageViewer::zoomOut()
+{
+	d->AutoFit = false;
+	d->RenderWidget->zoomOut();
+}
+
+
+//===========================================================================
+void CImageViewer::normalSize()
+{
+	d->AutoFit = false;
+	d->RenderWidget->normalSize();
+}
+
+
+//===========================================================================
+void CImageViewer::fitToWindow()
+{
+	d->AutoFit = true;
+	d->RenderWidget->scaleToSize(this->maximumViewportSize());
+}
+
+
+//============================================================================
+void CImageViewer::resizeEvent(QResizeEvent* ResizeEvent)
+{
+	Super::resizeEvent(ResizeEvent);
+	if (d->AutoFit)
+	{
+		this->fitToWindow();
+	}
+}
+
+
+//============================================================================
+void CImageViewer::mousePressEvent(QMouseEvent* Event)
+{
+	d->RenderWidget->setCursor(Qt::ClosedHandCursor);
+	d->MouseMoveStartPos = Event->pos();
+	Super::mousePressEvent(Event);
+}
+
+
+//============================================================================
+void CImageViewer::mouseReleaseEvent(QMouseEvent* Event)
+{
+	d->RenderWidget->setCursor(Qt::OpenHandCursor);
+	Super::mouseReleaseEvent(Event);
+}
+
+
+//============================================================================
+void CImageViewer::mouseMoveEvent(QMouseEvent* Event)
+{
+	QPoint MoveVector = Event->pos() - d->MouseMoveStartPos;
+	d->MouseMoveStartPos = Event->pos();
+	horizontalScrollBar()->setValue(horizontalScrollBar()->value()
+	    - MoveVector.x());
+	verticalScrollBar()->setValue(verticalScrollBar()->value() - MoveVector.y());
+}
+
+
+//============================================================================
+void CImageViewer::wheelEvent(QWheelEvent* Event)
+{
+	double numDegrees = Event->angleDelta().y() / 8;
+	double numSteps = numDegrees / 15;
+	d->AutoFit = false;
+	double Zoom;
+	if (numSteps < 0)
+	{
+		Zoom = pow(0.9, 0 - numSteps);
+	}
+	else
+	{
+		Zoom = pow(1.10, numSteps);
+	}
+	d->RenderWidget->zoomByValue(Zoom);
+}
+
+#include "moc_ImageViewer.cpp"
+//---------------------------------------------------------------------------
+// EOF ImageViewer.cpp

demo/ImageViewer.h

@@ -0,0 +1,88 @@
+#ifndef ImageViewerH
+#define ImageViewerH
+//============================================================================
+/// \file   ImageViewer.h
+/// \author Uwe Kindler
+/// \date   04.11.2022
+/// \brief  Declaration of CImageViewer
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include <QScrollArea>
+
+QT_BEGIN_NAMESPACE
+class QLabel;
+QT_END_NAMESPACE
+
+
+struct ImageViewerPrivate;
+
+/**
+ * Tiny simple image viewer for showing images in demo
+ */
+class CImageViewer : public QScrollArea
+{
+	Q_OBJECT
+public:
+	using Super = QScrollArea;
+
+	explicit CImageViewer(QWidget *parent = nullptr);
+    virtual ~CImageViewer();
+
+	bool loadFile(const QString& Filename);
+	void setImage(const QImage &newImage);
+
+public Q_SLOTS:
+	void open();
+    void zoomIn();
+    void zoomOut();
+    void normalSize();
+    void fitToWindow();
+
+protected:
+	/**
+	 * @brief Reimplemented from QScrollArea to adjust image scaling if m_AutoFit is
+	 * true.
+	 */
+	virtual void resizeEvent(QResizeEvent* ResizeEvent);
+
+	/**
+	 * @brief Handle mouse press events.
+	 */
+	virtual void mousePressEvent(QMouseEvent* Event);
+
+	/**
+	 * @brief Handles mouse release events.
+	 */
+	virtual void mouseReleaseEvent(QMouseEvent* Event);
+
+	/**
+	 * @brief Handle mouse move events.
+	 */
+	virtual void mouseMoveEvent(QMouseEvent* Event);
+
+	/**
+	 * @brief Use mouse wheel to change scaling of the image.
+	 */
+	virtual void wheelEvent(QWheelEvent* Event);
+
+private:
+    /**
+	 * @brief Create the wiget actions.
+	 */
+    void createActions();
+
+	/**
+	 * @brief Adjust size of render widget in case of image size change.
+	 * @param[in] Image The new image that may have a different image size.
+	 */
+	void adjustDisplaySize(const QImage& Image);
+
+    ImageViewerPrivate* d;
+    friend ImageViewerPrivate;
+};
+
+//---------------------------------------------------------------------------
+#endif // ImageViewerH

demo/MainWindow.cpp

@@ -60,17 +60,20 @@
 #include <QToolButton>
 #include <QToolBar>
 #include <QPointer>
+#include <QMap>
+#include <QElapsedTimer>
 
 
+#if QT_VERSION >= QT_VERSION_CHECK(5, 10, 0)
+#include <QRandomGenerator>
+#endif
+
 #ifdef Q_OS_WIN
 #if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)
 #include <QAxWidget>
 #endif
 #endif
 
-#include <QMap>
-#include <QElapsedTimer>
-
 #include "DockManager.h"
 #include "DockWidget.h"
 #include "DockAreaWidget.h"
@@ -80,6 +83,22 @@
 #include "DockComponentsFactory.h"
 #include "StatusDialog.h"
 #include "DockSplitter.h"
+#include "ImageViewer.h"
+
+
+
+/**
+ * Returns a random number from 0 to highest - 1
+ */
+int randomNumberBounded(int highest)
+{
+#if QT_VERSION >= QT_VERSION_CHECK(5, 10, 0)
+	return QRandomGenerator::global()->bounded(highest);
+#else
+	qsrand(QTime::currentTime().msec());
+	return qrand() % highest;
+#endif
+}
 
 
 /**
@@ -216,9 +235,11 @@ struct MainWindowPrivate
 		QFileSystemModel* m = new QFileSystemModel(w);
 		m->setRootPath(QDir::currentPath());
 		w->setModel(m);
+		w->setRootIndex(m->index(QDir::currentPath()));
 		ads::CDockWidget* DockWidget = new ads::CDockWidget(QString("Filesystem %1")
 			.arg(FileSystemCount++));
 		DockWidget->setWidget(w);
+		DockWidget->setIcon(svgIcon(":/adsdemo/images/folder_open.svg"));
 		ui.menuView->addAction(DockWidget->toggleViewAction());
 		// We disable focus to test focus highlighting if the dock widget content
 		// does not support focus
@@ -279,6 +300,7 @@ struct MainWindowPrivate
 
 		ads::CDockWidget* DockWidget = new ads::CDockWidget(QString("Label %1").arg(LabelCount++));
 		DockWidget->setWidget(l);
+		DockWidget->setIcon(svgIcon(":/adsdemo/images/font_download.svg"));
 		ui.menuView->addAction(DockWidget->toggleViewAction());
 		return DockWidget;
 	}
@@ -316,6 +338,35 @@ struct MainWindowPrivate
 		return DockWidget;
 	}
 
+	/**
+	 * Creates a simply image viewr
+	 */
+	ads::CDockWidget* createImageViewer()
+	{
+		static int ImageViewerCount = 0;
+		auto w = new CImageViewer();
+		auto ImageIndex = randomNumberBounded(4);
+		auto FileName = ":adsdemo/images/ads_logo.svg";
+
+		// Pick a random image from a number of images
+		switch (ImageIndex)
+		{
+		case 0: FileName = ":adsdemo/images/ads_tile_blue.svg"; break;
+		case 1: FileName = ":adsdemo/images/ads_tile_blue_light.svg"; break;
+		case 2: FileName = ":adsdemo/images/ads_tile_green.svg"; break;
+		case 3: FileName = ":adsdemo/images/ads_tile_orange.svg"; break;
+		}
+
+		auto Result = w->loadFile(FileName);
+		qDebug() << "loadFile result: " << Result;
+		ads::CDockWidget* DockWidget = new ads::CDockWidget(QString("Image Viewer %1").arg(ImageViewerCount++));
+		DockWidget->setIcon(svgIcon(":/adsdemo/images/photo.svg"));
+		DockWidget->setWidget(w,ads:: CDockWidget::ForceNoScrollArea);
+		auto ToolBar = DockWidget->createDefaultToolBar();
+		ToolBar->addActions(w->actions());
+		return DockWidget;
+	}
+
 	/**
 	 * Create a table widget
 	 */
@@ -459,7 +510,6 @@ void MainWindowPrivate::createContent()
 	auto BottomDockArea = DockManager->addDockWidget(ads::BottomDockWidgetArea, createLongTextLabelDockWidget(), RighDockArea);
 	DockManager->addDockWidget(ads::CenterDockWidgetArea, createLongTextLabelDockWidget(), RighDockArea);
 	auto LabelDockWidget = createLongTextLabelDockWidget();
-	std::cout << "DockWidget " << LabelDockWidget->objectName().toStdString() << std::endl;
 	DockManager->addDockWidget(ads::CenterDockWidgetArea, LabelDockWidget, BottomDockArea);
 
 	// Tests CustomCloseHandling without DeleteOnClose
@@ -494,10 +544,7 @@ void MainWindowPrivate::createContent()
 
 #ifdef Q_OS_WIN
 #if (QT_VERSION < QT_VERSION_CHECK(6, 0, 0))
-    if (!ads::CDockManager::testConfigFlag(ads::CDockManager::OpaqueUndocking))
-    {
-    	DockManager->addDockWidget(ads::CenterDockWidgetArea, createActiveXWidget(), RighDockArea);
-    }
+    DockManager->addDockWidget(ads::CenterDockWidgetArea, createActiveXWidget(), RighDockArea);
 #endif
 #endif
 
@@ -506,6 +553,10 @@ void MainWindowPrivate::createContent()
 		_this->connect(DockWidget, SIGNAL(viewToggled(bool)), SLOT(onViewToggled(bool)));
 		_this->connect(DockWidget, SIGNAL(visibilityChanged(bool)), SLOT(onViewVisibilityChanged(bool)));
 	}
+
+	// Create image viewer
+	DockWidget = createImageViewer();
+	DockManager->addDockWidget(ads::LeftDockWidgetArea, DockWidget);
 }
 
 
@@ -558,6 +609,22 @@ void MainWindowPrivate::createActions()
 	_this->connect(a, SIGNAL(triggered()), SLOT(createTable()));
 	ui.menuTests->addAction(a);
 
+	a = ui.toolBar->addAction("Create Image Viewer");
+	auto ToolButton = qobject_cast<QToolButton*>(ui.toolBar->widgetForAction(a));
+	ToolButton->setPopupMode(QToolButton::InstantPopup);
+	a->setToolTip("Creates floating, docked or pinned image viewer");
+	a->setIcon(svgIcon(":/adsdemo/images/panorama.svg"));
+	ui.menuTests->addAction(a);
+	auto Menu = new QMenu();
+	ToolButton->setMenu(Menu);
+	a = Menu->addAction("Floating Image Viewer");
+	_this->connect(a, SIGNAL(triggered()), SLOT(createImageViewer()));
+	a = Menu->addAction("Docked Image Viewer");
+	_this->connect(a, SIGNAL(triggered()), SLOT(createImageViewer()));
+	a = Menu->addAction("Pinned Image Viewer");
+	_this->connect(a, SIGNAL(triggered()), SLOT(createImageViewer()));
+
+
 	ui.menuTests->addSeparator();
 	a = ui.menuTests->addAction("Show Status Dialog");
 	_this->connect(a, SIGNAL(triggered()), SLOT(showStatusDialog()));
@@ -565,6 +632,12 @@ void MainWindowPrivate::createActions()
 	a = ui.menuTests->addAction("Toggle Label 0 Window Title");
 	_this->connect(a, SIGNAL(triggered()), SLOT(toggleDockWidgetWindowTitle()));
 	ui.menuTests->addSeparator();
+
+	a = ui.toolBar->addAction("Apply VS Style");
+	a->setToolTip("Applies a Visual Studio light style (visual_studio_light.css)." );
+	a->setIcon(svgIcon(":/adsdemo/images/color_lens.svg"));
+	QObject::connect(a, &QAction::triggered, _this, &CMainWindow::applyVsStyle);
+	ui.menuTests->addAction(a);
 }
 
 
@@ -624,7 +697,7 @@ CMainWindow::CMainWindow(QWidget *parent) :
 
     // uncomment the following line if you want to use opaque undocking and
 	// opaque splitter resizing
-    // CDockManager::setConfigFlags(CDockManager::DefaultOpaqueConfig);
+    //CDockManager::setConfigFlags(CDockManager::DefaultOpaqueConfig);
 
     // uncomment the following line if you want a fixed tab width that does
 	// not change if the visibility of the close button changes
@@ -654,11 +727,14 @@ CMainWindow::CMainWindow(QWidget *parent) :
 	// uncomment the following line if you want a central widget in the main dock container (the dock manager) without a titlebar
 	// If you enable this code, you can test it in the demo with the Calendar 0
 	// dock widget.
-	// CDockManager::setConfigFlag(CDockManager::HideSingleCentralWidgetTitleBar, true);
+	//CDockManager::setConfigFlag(CDockManager::HideSingleCentralWidgetTitleBar, true);
 
 	// uncomment the following line to enable focus highlighting of the dock
 	// widget that has the focus
-	CDockManager::setConfigFlag(CDockManager::FocusHighlighting, true);
+    CDockManager::setConfigFlag(CDockManager::FocusHighlighting, true);
+
+	// uncomment if you would like to enable dock widget auto hiding
+    CDockManager::setAutoHideConfigFlags(CDockManager::DefaultAutoHideConfig);
 
 	// uncomment if you would like to enable an equal distribution of the
 	// available size of a splitter to all contained dock widgets
@@ -747,13 +823,14 @@ void CMainWindow::savePerspective()
 //============================================================================
 void CMainWindow::onViewToggled(bool Open)
 {
+	Q_UNUSED(Open);
 	auto DockWidget = qobject_cast<ads::CDockWidget*>(sender());
 	if (!DockWidget)
 	{
 		return;
 	}
 
-	qDebug() << DockWidget->objectName() << " viewToggled(" << Open << ")";
+	//qDebug() << DockWidget->objectName() << " viewToggled(" << Open << ")";
 }
 
 
@@ -839,6 +916,20 @@ void CMainWindow::onEditorCloseRequested()
 }
 
 
+//============================================================================
+void CMainWindow::onImageViewerCloseRequested()
+{
+	auto DockWidget = qobject_cast<ads::CDockWidget*>(sender());
+	int Result = QMessageBox::question(this, "Close Image Viewer", QString("%1 "
+		"contains unsaved changes? Would you like to close it?")
+		.arg(DockWidget->windowTitle()));
+	if (QMessageBox::Yes == Result)
+	{
+		DockWidget->closeDockWidget();
+	}
+}
+
+
 //============================================================================
 void CMainWindow::createTable()
 {
@@ -873,3 +964,45 @@ void CMainWindow::toggleDockWidgetWindowTitle()
 	d->WindowTitleTestDockWidget->setWindowTitle(Title);
 }
 
+
+//============================================================================
+void CMainWindow::applyVsStyle()
+{
+	QFile StyleSheetFile(":adsdemo/res/visual_studio_light.css");
+	StyleSheetFile.open(QIODevice::ReadOnly);
+	QTextStream StyleSheetStream(&StyleSheetFile);
+	auto Stylesheet = StyleSheetStream.readAll();
+	StyleSheetFile.close();
+	d->DockManager->setStyleSheet(Stylesheet);
+}
+
+
+//============================================================================
+void CMainWindow::createImageViewer()
+{
+	QAction* a = qobject_cast<QAction*>(sender());
+	qDebug() << "createImageViewer " << a->text();
+
+	auto DockWidget = d->createImageViewer();
+	DockWidget->setFeature(ads::CDockWidget::DockWidgetDeleteOnClose, true);
+	DockWidget->setFeature(ads::CDockWidget::DockWidgetForceCloseWithArea, true);
+	DockWidget->setFeature(ads::CDockWidget::CustomCloseHandling, true);
+	DockWidget->resize(QSize(640, 480));
+	connect(DockWidget, &ads::CDockWidget::closeRequested, this,
+		&CMainWindow::onImageViewerCloseRequested);
+
+	if (a->text().startsWith("Floating"))
+	{
+		auto FloatingWidget = d->DockManager->addDockWidgetFloating(DockWidget);
+		FloatingWidget->move(QPoint(20, 20));
+	}
+	else if (a->text().startsWith("Docked"))
+	{
+		d->DockManager->addDockWidget(ads::RightDockWidgetArea, DockWidget);
+	}
+	else if (a->text().startsWith("Pinned"))
+	{
+		d->DockManager->addAutoHideDockWidget(ads::SideBarLeft, DockWidget);
+	}
+}
+

demo/MainWindow.h

@@ -63,8 +63,11 @@ private slots:
 	void createEditor();
 	void createTable();
 	void onEditorCloseRequested();
+	void onImageViewerCloseRequested();
 	void showStatusDialog();
 	void toggleDockWidgetWindowTitle();
+	void applyVsStyle();
+	void createImageViewer();
 };
 
 #endif // MAINWINDOW_H

demo/RenderWidget.cpp

@@ -0,0 +1,108 @@
+//============================================================================
+/// \file   RenderWidget.cpp
+/// \author Uwe Kindler
+/// \date   04.11.2022
+/// \brief  Implementation of CRenderWidget
+//============================================================================
+
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "RenderWidget.h"
+
+#include <QPainter>
+#include <math.h>
+
+
+//===========================================================================
+CRenderWidget::CRenderWidget(QWidget* Parent) :
+	QWidget(Parent), m_ScaleFactor(1)
+{
+	this->setSizePolicy(QSizePolicy::Ignored, QSizePolicy::Ignored);
+	this->setCursor(Qt::OpenHandCursor);
+}
+
+//===========================================================================
+CRenderWidget::~CRenderWidget()
+{
+
+}
+
+//===========================================================================
+void CRenderWidget::showImage(const QImage& Image)
+{
+	m_Image = QPixmap::fromImage(Image);
+	this->adjustWidgetSize();
+	this->repaint();
+}
+
+//===========================================================================
+void CRenderWidget::paintEvent(QPaintEvent* Event)
+{
+	Q_UNUSED(Event);
+	QPainter Painter(this);
+	Painter.setRenderHint(QPainter::SmoothPixmapTransform, true);
+	Painter.setRenderHint(QPainter::Antialiasing, true);
+	Painter.scale(m_ScaleFactor, m_ScaleFactor);
+	Painter.drawPixmap(QPoint(0, 0), m_Image);
+}
+
+//============================================================================
+void CRenderWidget::zoomIn()
+{
+	scaleImage(1.25);
+}
+
+//============================================================================
+void CRenderWidget::zoomOut()
+{
+	scaleImage(0.8);
+}
+
+//============================================================================
+void CRenderWidget::zoomByValue(double ZoomValue)
+{
+	scaleImage(ZoomValue);
+}
+
+//============================================================================
+void CRenderWidget::normalSize()
+{
+	m_ScaleFactor = 1;
+	this->adjustWidgetSize();
+}
+
+//============================================================================
+void CRenderWidget::scaleImage(double ScaleFactor)
+{
+	m_ScaleFactor *= ScaleFactor;
+	this->adjustWidgetSize();
+}
+
+//============================================================================
+void CRenderWidget::adjustWidgetSize()
+{
+	QSize ScaledImageSize = m_Image.size() * m_ScaleFactor;
+	if (ScaledImageSize != this->size())
+	{
+		this->setFixedSize(ScaledImageSize);
+	}
+}
+
+//============================================================================
+void CRenderWidget::scaleToSize(const QSize& TargetSize)
+{
+	if (m_Image.isNull())
+	{
+		return;
+	}
+	double ScaleFactorH = (double) TargetSize.width() / m_Image.size().width();
+	double ScaleFactorV = (double) TargetSize.height()
+	    / m_Image.size().height();
+	m_ScaleFactor = (ScaleFactorH < ScaleFactorV) ? ScaleFactorH : ScaleFactorV;
+	this->adjustWidgetSize();
+}
+
+//---------------------------------------------------------------------------
+// EOF RenderWidget.cpp

demo/RenderWidget.h

@@ -0,0 +1,111 @@
+#ifndef RenderWidgetH
+#define RenderWidgetH
+//============================================================================
+/// \file   RenderWidget.h
+/// \author Uwe Kindler
+/// \date   04.11.2022
+/// \brief  Declaration of CRenderWidget
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include <QWidget>
+#include <QPixmap>
+
+//============================================================================
+//                           FORWARD DECLARATIONS
+//============================================================================
+class QImage;
+
+
+/**
+ * @brief Widget for fast display of images (i.e. for video capture devices)
+ */
+class CRenderWidget : public QWidget
+{
+	Q_OBJECT
+private:
+	QPixmap m_Image;
+	double m_ScaleFactor;
+
+protected:
+	/**
+	 * @brief Reimplemented paint event method showing actual image.
+	 */
+	void paintEvent(QPaintEvent* PaintEvent);
+
+	/**
+	 * @brief Change scale factor
+	 */
+	void scaleImage(double ScaleFactor);
+
+	/**
+	 * @brief Adjust widget size to size of image.
+	 */
+	void adjustWidgetSize();
+
+public:
+	/**
+	 * Constructor
+	 * @param[in] Parent Parent widget.
+	 */
+	CRenderWidget(QWidget* Parent);
+
+	/**
+	 * Destructor
+	 */
+	virtual ~CRenderWidget();
+
+signals:
+	/**
+	 * @brief Signalize change of captured image size.
+	 * @param ImageSize New image size.
+	 */
+	void imageSizeChanged(const QSize& ImageSize);
+
+public slots:
+	/**
+	 * @brief Show new image in render widget.
+	 */
+	void showImage(const QImage& Image);
+
+	/**
+	 * @brief Zoom into the scene.
+	 * This function decreases the scaling factor by setting it to the previous
+	 * value in internal scaling list.
+	 * @brief Steps The number of steps to zoom in. One step is 25%.
+	 */
+	void zoomIn();
+
+	/**
+	 * @brief Zoom out of the scene.
+	 * This function decreases the scaling factor by setting it to the next
+	 * value in internal scaling list.
+	 * @brief Steps The number of steps to zoom out. One step is 25%.
+	 */
+	void zoomOut();
+
+	/**
+	 * @brief Change zoom by zoom value.
+	 * @param[in] ZoomValue This is the zoom value to apply. A value of 1
+	 * means no change a value > 1 increases the image (i.e. 1.25 would increase
+	 * the image by 25%) and a value of < 1 decreases the image size (i.e.
+	 * a value of 0.8 would decrease the image size by 25%).
+	 */
+	void zoomByValue(double ZoomValue);
+
+	/**
+	 * @brief Resets the actual scaling to 1 and display the image with its
+	 *        actual pixel size.
+	 */
+	void normalSize();
+
+	/**
+	 * @brief Scales the wiget and its content image to the given TargetSize
+	 */
+	void scaleToSize(const QSize& TargetSize);
+}; // class CRenderWidget
+
+//---------------------------------------------------------------------------
+#endif // RenderWidgetH

demo/app.rc

@@ -0,0 +1 @@
+IDI_ICON1               ICON    DISCARDABLE     "app.ico"

demo/demo.pro

@@ -15,19 +15,25 @@ lessThan(QT_MAJOR_VERSION, 6) {
 CONFIG += c++14
 CONFIG += debug_and_release
 DEFINES += QT_DEPRECATED_WARNINGS
+RC_FILE += app.rc
 
 adsBuildStatic {
     DEFINES += ADS_STATIC
 }
 
-SOURCES += \
-	main.cpp \
-	MainWindow.cpp \
-	StatusDialog.cpp
 
 HEADERS += \
 	MainWindow.h \
-	StatusDialog.h
+	StatusDialog.h \
+	ImageViewer.h \
+	RenderWidget.h
+
+SOURCES += \
+	main.cpp \
+	MainWindow.cpp \
+	StatusDialog.cpp \
+	ImageViewer.cpp \
+	RenderWidget.cpp
 
 FORMS += \
 	mainwindow.ui \

demo/demo.qrc

@@ -18,5 +18,23 @@
         <file>images/create_floating_table.svg</file>
         <file>images/docked_editor.svg</file>
         <file>images/tab.svg</file>
+        <file>res/visual_studio_light.css</file>
+        <file>images/color_lens.svg</file>
+        <file>images/ads_icon.svg</file>
+        <file>images/ads_logo.svg</file>
+        <file>images/find_in_page.svg</file>
+        <file>images/perm_media.svg</file>
+        <file>images/zoom_in.svg</file>
+        <file>images/zoom_out.svg</file>
+        <file>images/zoom_out_map.svg</file>
+        <file>images/ads_tile_blue.svg</file>
+        <file>images/ads_tile_blue_light.svg</file>
+        <file>images/ads_tile_green.svg</file>
+        <file>images/ads_tile_orange.svg</file>
+        <file>images/photo.svg</file>
+        <file>images/crop_original.svg</file>
+        <file>images/panorama.svg</file>
+        <file>images/ads_icon2.svg</file>
+        <file>images/font_download.svg</file>
     </qresource>
 </RCC>

demo/images/ads_icon.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1024" height="1024" version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+ <text x="1251.1022" y="1305.4956" fill="#000000" font-family="sans-serif" font-size="40px" style="line-height:1.25" xml:space="preserve"><tspan x="1251.1022" y="1305.4956"/></text>
+ <g transform="translate(581.23 1750.5)">
+  <path d="m191.64-726.53h-521.75c-138.69 0-251.12-112.43-251.12-251.12v-521.75c0-138.69 112.43-251.12 251.12-251.12h521.75c138.69 0 251.12 112.43 251.12 251.12v521.75c0 138.69-112.43 251.12-251.12 251.12z" fill="#e0e0e0" style="mix-blend-mode:normal"/>
+  <path d="m-175.9-1515.9v256h469.33v-256z" fill="#009ddd" style="mix-blend-mode:normal"/>
+  <path d="m80.1-1217.2v256h213.33v-256z" fill="#ff9833" style="mix-blend-mode:normal"/>
+  <path d="m-175.9-1217.2v256h213.33v-256z" fill="#accb01" style="mix-blend-mode:normal"/>
+  <path d="m-431.9-1515.9v554.67h213.33v-554.67z" fill="#0083c3" style="mix-blend-mode:normal"/>
+ </g>
+</svg>

demo/images/ads_icon2.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1024" height="1024" version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+ <desc>electric_iron icon - Licensed under Iconfu Standard License v1.0 (https://www.iconfu.com/iconfu_standard_license) - Incors GmbH</desc>
+ <g transform="matrix(1.4118 0 0 1.4118 -210.82 -210.82)" stroke-width=".50173">
+  <text x="1251.1022" y="1305.4956" fill="#000000" font-family="sans-serif" font-size="40px" style="line-height:1.25" xml:space="preserve"><tspan x="1251.1022" y="1305.4956" stroke-width=".70833"/></text>
+  <path d="m405.33 234.66v256h469.33v-256z" fill="#009ddd" style="mix-blend-mode:normal"/>
+  <path d="m661.33 533.33v256h213.33v-256z" fill="#ff9833" style="mix-blend-mode:normal"/>
+  <path d="m405.33 533.33v256h213.33v-256z" fill="#accb01" style="mix-blend-mode:normal"/>
+  <path d="m149.33 234.66v554.67h213.33v-554.67z" fill="#0083c3" style="mix-blend-mode:normal"/>
+ </g>
+</svg>

demo/images/ads_logo.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="6907.3" height="1024" version="1.1" viewBox="0 0 6907.3 1024" xmlns="http://www.w3.org/2000/svg">
+ <text x="1251.1022" y="1305.4956" fill="#000000" font-family="sans-serif" font-size="40px" style="line-height:1.25" xml:space="preserve"><tspan x="1251.1022" y="1305.4956"/></text>
+ <text x="1178.9221" y="718.37329" fill="#8f918f" font-family="sans-serif" font-size="628px" style="line-height:1.25" xml:space="preserve"><tspan x="1178.9221" y="718.37329" fill="#8f918f" font-family="'Segoe UI'" font-size="628px" font-weight="300">Qt Advanced Docking</tspan></text>
+ <g transform="translate(581.23 1750.5)">
+  <path d="m191.64-726.53h-521.75c-138.69 0-251.12-112.43-251.12-251.12v-521.75c0-138.69 112.43-251.12 251.12-251.12h521.75c138.69 0 251.12 112.43 251.12 251.12v521.75c0 138.69-112.43 251.12-251.12 251.12z" fill="#e0e0e0" style="mix-blend-mode:normal"/>
+  <path d="m-175.9-1515.9v256h469.33v-256z" fill="#009ddd" style="mix-blend-mode:normal"/>
+  <path d="m80.1-1217.2v256h213.33v-256z" fill="#ff9833" style="mix-blend-mode:normal"/>
+  <path d="m-175.9-1217.2v256h213.33v-256z" fill="#accb01" style="mix-blend-mode:normal"/>
+  <path d="m-431.9-1515.9v554.67h213.33v-554.67z" fill="#0083c3" style="mix-blend-mode:normal"/>
+ </g>
+</svg>

demo/images/ads_tile_blue.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1024" height="1024" version="1.1" viewBox="0 0 270.93 270.93" xmlns="http://www.w3.org/2000/svg">
+ <path d="m-2.5e-6 -2.5e-6v270.93h270.93v-270.93z" fill="#0083c3" stroke-width=".26458" style="mix-blend-mode:normal"/>
+ <g fill="#fff" fill-opacity=".25">
+  <g transform="matrix(.12402 0 0 .12402 71.967 73.674)" stroke-width="4.7887">
+   <path d="m405.33 234.66v256h469.33v-256z" style="mix-blend-mode:normal"/>
+   <path d="m661.33 533.33v256h213.33v-256z" style="mix-blend-mode:normal"/>
+   <path d="m405.33 533.33v256h213.33v-256z" style="mix-blend-mode:normal"/>
+   <path d="m149.33 234.66v554.67h213.33v-554.67z" style="mix-blend-mode:normal"/>
+  </g>
+  <g stroke-width=".26458" aria-label="Docking">
+   <path d="m100.07 182.94q0 2.7805-1.5208 4.1938-1.5054 1.3979-4.2091 1.3979h-3.057v-10.968h3.3796q1.6437 0 2.8573 0.61447 1.2289 0.61446 1.8895 1.8127 0.66055 1.1982 0.66055 2.9494zm-1.4594 0.0461q0-2.1967-1.0907-3.2106-1.0753-1.0292-3.057-1.0292h-1.7973v8.6026h1.4901q4.4549 0 4.4549-4.3627z"/>
+   <path d="m114.84 184.4q0 2.0431-1.0446 3.1645-1.0292 1.1214-2.7958 1.1214-1.0907 0-1.9509-0.49158-0.84489-0.50693-1.3365-1.4594-0.49158-0.96778-0.49158-2.335 0-2.0431 1.0139-3.1491 1.0292-1.106 2.8112-1.106 1.106 0 1.9663 0.50694 0.86026 0.49157 1.3365 1.444 0.49158 0.93706 0.49158 2.3042zm-6.2215 0q0 1.4594 0.56838 2.3196 0.58374 0.84489 1.8434 0.84489 1.2443 0 1.828-0.84489 0.58374-0.86025 0.58374-2.3196 0-1.4594-0.58374-2.2889-0.58375-0.82953-1.8434-0.82953t-1.828 0.82953-0.56838 2.2889z"/>
+   <path d="m125.64 188.69q-1.106 0-1.9509-0.44549-0.84489-0.44549-1.3365-1.3826-0.47622-0.93707-0.47622-2.3964 0-1.5208 0.49158-2.4732 0.50693-0.95243 1.3826-1.3979t1.9817-0.44549q0.61447 0 1.1982 0.13826 0.59911 0.12289 0.96779 0.30723l-0.41477 1.1214q-0.36868-0.13826-0.86025-0.26115-0.49158-0.1229-0.9217-0.1229-2.4272 0-2.4272 3.1184 0 1.4901 0.58374 2.2889 0.59911 0.78345 1.7666 0.78345 0.66055 0 1.1828-0.13826 0.5223-0.13825 0.95242-0.33795v1.1982q-0.41476 0.21506-0.9217 0.3226-0.49157 0.12289-1.1982 0.12289z"/>
+   <path d="m136.4 176.86v6.0986q0 0.24579-0.0307 0.6452-0.0154 0.3994-0.0307 0.69127h0.0614q0.0922-0.12289 0.27651-0.35332 0.18434-0.23042 0.36868-0.46085 0.19971-0.24578 0.33796-0.3994l2.6268-2.7805h1.5823l-3.3335 3.5178 3.5639 4.716h-1.6283l-2.8573-3.8404-0.93707 0.81417v3.0262h-1.3365v-11.675z"/>
+   <path d="m149.32 177.22q0.30724 0 0.53766 0.21506 0.24579 0.1997 0.24579 0.64519t-0.24579 0.66056q-0.23042 0.1997-0.53766 0.1997-0.33795 0-0.56838-0.1997-0.23042-0.21507-0.23042-0.66056t0.23042-0.64519q0.23043-0.21506 0.56838-0.21506zm0.66056 3.0877v8.2339h-1.3518v-8.2339z"/>
+   <path d="m161.92 180.15q1.4747 0 2.2274 0.722 0.75272 0.722 0.75272 2.3043v5.3612h-1.3365v-5.2691q0-1.9817-1.8434-1.9817-1.3672 0-1.8895 0.76808-0.5223 0.76809-0.5223 2.2121v4.2706h-1.3518v-8.2339h1.0907l0.1997 1.1214h0.0768q0.39941-0.64519 1.106-0.95242 0.70664-0.3226 1.4901-0.3226z"/>
+   <path d="m175.73 180.15q0.81417 0 1.4594 0.30724 0.66055 0.30723 1.1214 0.93706h0.0768l0.18434-1.0907h1.0753v8.3721q0 1.7666-0.90634 2.6576-0.89098 0.89098-2.7805 0.89098-1.8127 0-2.9648-0.5223v-1.2443q1.2136 0.6452 3.0416 0.6452 1.06 0 1.6591-0.62983 0.61447-0.61447 0.61447-1.6898v-0.3226q0-0.18434 0.0154-0.52229 0.0154-0.35332 0.0307-0.49158h-0.0615q-0.82953 1.2443-2.55 1.2443-1.5976 0-2.504-1.1214-0.89098-1.1214-0.89098-3.1338 0-1.9663 0.89098-3.1184 0.90634-1.1675 2.4886-1.1675zm0.18434 1.1368q-1.0292 0-1.5976 0.82953-0.56838 0.81417-0.56838 2.335t0.55302 2.335q0.55302 0.79881 1.6437 0.79881 1.2443 0 1.8127-0.66056 0.56838-0.67591 0.56838-2.166v-0.32259q0-1.6744-0.58374-2.4118-0.58375-0.73736-1.828-0.73736z"/>
+  </g>
+  <g stroke-width=".26458" aria-label="Qt Advanced ">
+   <path d="m100.61 89.668q0 2.0124-0.81417 3.441-0.79881 1.4133-2.3811 1.9356l2.6269 2.7344h-1.9817l-2.1199-2.4732q-0.09217 0-0.1997 0-0.09217 0.01536-0.18434 0.01536-1.7051 0-2.8419-0.70664-1.1214-0.70664-1.6744-1.9817-0.55302-1.275-0.55302-2.9802 0-1.6744 0.55302-2.9341 0.55302-1.275 1.6744-1.9817 1.1368-0.70664 2.8573-0.70664 1.6437 0 2.7651 0.70664 1.1214 0.69128 1.6898 1.9663 0.58374 1.2597 0.58374 2.9648zm-8.664 0q0 2.0738 0.87562 3.272 0.87562 1.1829 2.7344 1.1829 1.8588 0 2.719-1.1829 0.87562-1.1982 0.87562-3.272 0-2.0738-0.86026-3.2413-0.86026-1.1829-2.719-1.1829-1.8741 0-2.7497 1.1829-0.87562 1.1675-0.87562 3.2413z"/>
+   <path d="m105.6 94.215q0.30723 0 0.62983-0.04609 0.32259-0.04609 0.52229-0.12289v1.0292q-0.21506 0.10753-0.61446 0.16898-0.39941 0.07681-0.76809 0.07681-0.64519 0-1.1982-0.21506-0.53766-0.23042-0.87562-0.78345-0.33796-0.55302-0.33796-1.5515v-4.7929h-1.1675v-0.64519l1.1829-0.53766 0.53766-1.7512h0.7988v1.8895h2.3811v1.0446h-2.3811v4.7621q0 0.75272 0.35332 1.1214 0.36868 0.35332 0.93707 0.35332z"/>
+   <path d="m119.46 95.168-1.3211-3.3949h-4.3474l-1.3058 3.3949h-1.3979l4.2859-11.014h1.2443l4.2706 11.014zm-1.7359-4.6239-1.2289-3.3181q-0.0461-0.12289-0.15362-0.44549-0.10753-0.3226-0.21507-0.66055-0.0922-0.35332-0.15361-0.53766-0.1229 0.47621-0.26115 0.93706-0.12289 0.44549-0.21507 0.70664l-1.2443 3.3181z"/>
+   <path d="m125.13 95.321q-1.5362 0-2.4579-1.06-0.9217-1.0753-0.9217-3.1952t0.9217-3.1952q0.93706-1.0907 2.4732-1.0907 0.95243 0 1.5515 0.35332 0.61447 0.35332 0.99851 0.86026h0.0922q-0.0307-0.1997-0.0614-0.58374-0.0307-0.3994-0.0307-0.62983v-3.2874h1.3518v11.675h-1.0907l-0.1997-1.106h-0.0614q-0.36868 0.5223-0.98314 0.89098-0.61447 0.36868-1.5823 0.36868zm0.21506-1.1214q1.3058 0 1.828-0.70664 0.53766-0.722 0.53766-2.166v-0.24579q0-1.5362-0.50694-2.3503-0.50694-0.82953-1.8741-0.82953-1.0907 0-1.6437 0.87562-0.53766 0.86026-0.53766 2.3196 0 1.4747 0.53766 2.2889 0.55302 0.81417 1.6591 0.81417z"/>
+   <path d="m133.47 95.168-3.1184-8.2339h1.444l1.7512 4.8543q0.12289 0.33796 0.26115 0.75272 0.13825 0.41477 0.24579 0.79881 0.10753 0.38404 0.15361 0.62983h0.0615q0.0461-0.24579 0.16898-0.62983 0.12289-0.3994 0.26115-0.79881 0.13825-0.41477 0.26115-0.75272l1.7512-4.8543h1.444l-3.1338 8.2339z"/>
+   <path d="m142.58 86.796q1.5054 0 2.2274 0.66055 0.722 0.66055 0.722 2.1046v5.607h-0.98315l-0.26115-1.1675h-0.0615q-0.53766 0.67591-1.1368 0.99851-0.59911 0.3226-1.6283 0.3226-1.1214 0-1.8588-0.58374-0.73736-0.59911-0.73736-1.8588 0-1.2289 0.96778-1.8895 0.96779-0.67591 2.9802-0.73736l1.3979-0.04609v-0.49158q0-1.0292-0.44549-1.4286t-1.2597-0.3994q-0.64519 0-1.2289 0.1997-0.58374 0.18434-1.0907 0.43013l-0.41476-1.0139q0.53766-0.29187 1.275-0.49158 0.73736-0.21506 1.5362-0.21506zm1.613 4.3474-1.2136 0.04609q-1.5362 0.06145-2.1353 0.49157-0.58375 0.43013-0.58375 1.2136 0 0.69128 0.41477 1.0139 0.43013 0.3226 1.0907 0.3226 1.0292 0 1.7205-0.56838 0.70664-0.58374 0.70664-1.782z"/>
+   <path d="m152.04 86.78q1.4747 0 2.2274 0.722 0.75272 0.722 0.75272 2.3043v5.3612h-1.3365v-5.2691q0-1.9817-1.8434-1.9817-1.3672 0-1.8895 0.76808t-0.5223 2.2121v4.2706h-1.3518v-8.2339h1.0907l0.1997 1.1214h0.0768q0.39941-0.64519 1.106-0.95243 0.70663-0.3226 1.4901-0.3226z"/>
+   <path d="m160.87 95.321q-1.106 0-1.9509-0.44549-0.8449-0.44549-1.3365-1.3826-0.47622-0.93706-0.47622-2.3964 0-1.5208 0.49158-2.4732 0.50694-0.95243 1.3826-1.3979 0.87562-0.44549 1.9817-0.44549 0.61447 0 1.1982 0.13826 0.59911 0.12289 0.96779 0.30723l-0.41476 1.1214q-0.36869-0.13826-0.86026-0.26115-0.49157-0.12289-0.9217-0.12289-2.4272 0-2.4272 3.1184 0 1.4901 0.58374 2.2889 0.59911 0.78345 1.7666 0.78345 0.66055 0 1.1828-0.13826 0.5223-0.13826 0.95243-0.33796v1.1982q-0.41477 0.21506-0.92171 0.3226-0.49157 0.12289-1.1982 0.12289z"/>
+   <path d="m168.13 86.78q1.0446 0 1.8127 0.46085 0.76809 0.46085 1.1675 1.3057 0.41477 0.82953 0.41477 1.9509v0.81417h-5.6378q0.0307 1.3979 0.70664 2.1353 0.69128 0.722 1.9202 0.722 0.78345 0 1.3826-0.13826 0.61447-0.15362 1.2597-0.43013v1.1829q-0.62983 0.27651-1.2443 0.3994-0.61447 0.13826-1.4594 0.13826-1.1828 0-2.0738-0.47621t-1.3979-1.4133q-0.49157-0.93706-0.49157-2.3196 0-1.3518 0.44549-2.3196 0.46085-0.96779 1.275-1.4901 0.82953-0.5223 1.9202-0.5223zm-0.0154 1.106q-0.96779 0-1.5362 0.62983-0.55302 0.61447-0.66055 1.7205h4.1937q-0.0154-1.0446-0.49157-1.6898-0.47622-0.66055-1.5054-0.66055z"/>
+   <path d="m176.53 95.321q-1.5362 0-2.4579-1.06-0.92171-1.0753-0.92171-3.1952t0.92171-3.1952q0.93706-1.0907 2.4732-1.0907 0.95243 0 1.5515 0.35332 0.61447 0.35332 0.99851 0.86026h0.0922q-0.0307-0.1997-0.0614-0.58374-0.0307-0.3994-0.0307-0.62983v-3.2874h1.3518v11.675h-1.0907l-0.1997-1.106h-0.0614q-0.36868 0.5223-0.98315 0.89098-0.61446 0.36868-1.5822 0.36868zm0.21506-1.1214q1.3058 0 1.828-0.70664 0.53766-0.722 0.53766-2.166v-0.24579q0-1.5362-0.50693-2.3503-0.50694-0.82953-1.8741-0.82953-1.0907 0-1.6437 0.87562-0.53766 0.86026-0.53766 2.3196 0 1.4747 0.53766 2.2889 0.55302 0.81417 1.6591 0.81417z"/>
+  </g>
+ </g>
+</svg>

demo/images/ads_tile_blue_light.svg

@@ -0,0 +1,147 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1024"
+   height="1024"
+   viewBox="0 0 270.93333 270.93333"
+   version="1.1"
+   id="svg506"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   sodipodi:docname="ads_tile_blue_light.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview508"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="0.77111176"
+     inkscape:cx="450.64804"
+     inkscape:cy="534.2935"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs503" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path16513"
+       style="mix-blend-mode:normal;fill:#009ddd;fill-opacity:1;fill-rule:nonzero;stroke-width:0.264583"
+       d="M -2.5e-6,-2.5e-6 V 270.93333 H 270.93333 V -2.5e-6 Z" />
+    <g
+       id="g1224"
+       transform="matrix(0.12402399,0,0,0.12402399,71.967002,73.673805)"
+       style="fill:#ffffff;fill-opacity:0.25;stroke-width:2.13332">
+      <path
+         id="path927"
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.25;fill-rule:nonzero;stroke-width:4.7887"
+         d="m 405.32995,234.66 v 256 h 469.3301 v -256 z" />
+      <path
+         id="path16513-9"
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.25;fill-rule:nonzero;stroke-width:4.7887"
+         d="M 661.32995,533.3299 V 789.32994 H 874.66003 V 533.3299 Z" />
+      <path
+         id="path16513-5"
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.25;fill-rule:nonzero;stroke-width:4.7887"
+         d="m 405.32995,533.33 v 256 h 213.33008 v -256 z" />
+      <path
+         id="path24788"
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.25;fill-rule:nonzero;stroke-width:4.7887"
+         d="M 149.32995,234.66 V 789.32994 H 362.66003 V 234.66 Z" />
+    </g>
+    <g
+       aria-label="Docking"
+       id="text2150"
+       style="font-size:15.3617px;line-height:1.05;fill:#ffffff;stroke-width:0.264583;fill-opacity:0.25">
+      <path
+         d="m 100.07327,182.94499 q 0,2.78047 -1.520805,4.19375 -1.505447,1.39791 -4.209106,1.39791 H 91.286381 V 177.5684 h 3.379574 q 1.643702,0 2.857276,0.61447 1.228936,0.61446 1.889489,1.81268 0.66055,1.19821 0.66055,2.94944 z m -1.459358,0.0461 q 0,-2.19673 -1.090681,-3.2106 -1.075319,-1.02923 -3.056978,-1.02923 h -1.797319 v 8.60255 h 1.490085 q 4.454893,0 4.454893,-4.36272 z"
+         style="text-align:center;letter-spacing:5.36125px;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2539" />
+      <path
+         d="m 114.83588,184.40435 q 0,2.04311 -1.0446,3.16451 -1.02923,1.12141 -2.79583,1.12141 -1.09068,0 -1.95094,-0.49158 -0.84489,-0.50693 -1.33646,-1.45936 -0.49158,-0.96778 -0.49158,-2.33498 0,-2.0431 1.01387,-3.14914 1.02924,-1.10605 2.8112,-1.10605 1.10604,0 1.96629,0.50694 0.86026,0.49157 1.33647,1.444 0.49158,0.93706 0.49158,2.30425 z m -6.22149,0 q 0,1.45937 0.56838,2.31962 0.58374,0.84489 1.8434,0.84489 1.2443,0 1.82805,-0.84489 0.58374,-0.86025 0.58374,-2.31962 0,-1.45936 -0.58374,-2.28889 -0.58375,-0.82953 -1.84341,-0.82953 -1.25966,0 -1.82804,0.82953 -0.56838,0.82953 -0.56838,2.28889 z"
+         style="text-align:center;letter-spacing:5.36125px;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2541" />
+      <path
+         d="m 125.63516,188.69027 q -1.10604,0 -1.95094,-0.44549 -0.84489,-0.44549 -1.33646,-1.38255 -0.47622,-0.93707 -0.47622,-2.39643 0,-1.52081 0.49158,-2.47323 0.50693,-0.95243 1.38255,-1.39792 0.87562,-0.44549 1.98166,-0.44549 0.61447,0 1.19821,0.13826 0.59911,0.12289 0.96779,0.30723 l -0.41477,1.12141 q -0.36868,-0.13826 -0.86025,-0.26115 -0.49158,-0.1229 -0.9217,-0.1229 -2.42715,0 -2.42715,3.11843 0,1.49008 0.58374,2.28889 0.59911,0.78345 1.7666,0.78345 0.66055,0 1.18285,-0.13826 0.5223,-0.13825 0.95242,-0.33795 v 1.19821 q -0.41476,0.21506 -0.9217,0.3226 -0.49157,0.12289 -1.19821,0.12289 z"
+         style="text-align:center;letter-spacing:5.36125px;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2543" />
+      <path
+         d="m 136.40372,176.86176 v 6.09859 q 0,0.24579 -0.0307,0.6452 -0.0154,0.3994 -0.0307,0.69127 h 0.0614 q 0.0922,-0.12289 0.27651,-0.35332 0.18434,-0.23042 0.36868,-0.46085 0.19971,-0.24578 0.33796,-0.3994 l 2.62685,-2.78047 h 1.58226 l -3.33349,3.51783 3.56391,4.71604 h -1.62834 l -2.85727,-3.84042 -0.93707,0.81417 v 3.02625 h -1.33647 v -11.67489 z"
+         style="text-align:center;letter-spacing:5.36125px;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2545" />
+      <path
+         d="m 149.32293,177.21508 q 0.30724,0 0.53766,0.21506 0.24579,0.1997 0.24579,0.64519 0,0.44549 -0.24579,0.66056 -0.23042,0.1997 -0.53766,0.1997 -0.33795,0 -0.56838,-0.1997 -0.23042,-0.21507 -0.23042,-0.66056 0,-0.44549 0.23042,-0.64519 0.23043,-0.21506 0.56838,-0.21506 z m 0.66056,3.0877 v 8.23387 h -1.35183 v -8.23387 z"
+         style="text-align:center;letter-spacing:5.36125px;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2547" />
+      <path
+         d="m 161.91954,180.14916 q 1.47472,0 2.22745,0.722 0.75272,0.722 0.75272,2.30426 v 5.36123 h -1.33647 v -5.26906 q 0,-1.98166 -1.8434,-1.98166 -1.36719,0 -1.88949,0.76808 -0.5223,0.76809 -0.5223,2.21209 v 4.27055 h -1.35183 v -8.23387 h 1.09068 l 0.1997,1.1214 h 0.0768 q 0.39941,-0.64519 1.10604,-0.95242 0.70664,-0.3226 1.49009,-0.3226 z"
+         style="text-align:center;letter-spacing:5.36125px;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2549" />
+      <path
+         d="m 175.72973,180.14916 q 0.81417,0 1.45936,0.30724 0.66055,0.30723 1.1214,0.93706 h 0.0768 l 0.18434,-1.09068 h 1.07532 v 8.37213 q 0,1.76659 -0.90634,2.65757 -0.89098,0.89098 -2.78047,0.89098 -1.81268,0 -2.96481,-0.5223 v -1.2443 q 1.21358,0.6452 3.04162,0.6452 1.05996,0 1.65906,-0.62983 0.61447,-0.61447 0.61447,-1.68979 v -0.3226 q 0,-0.18434 0.0154,-0.52229 0.0154,-0.35332 0.0307,-0.49158 h -0.0615 q -0.82953,1.2443 -2.55004,1.2443 -1.59762,0 -2.50396,-1.12141 -0.89098,-1.1214 -0.89098,-3.13378 0,-1.9663 0.89098,-3.11843 0.90634,-1.16749 2.4886,-1.16749 z m 0.18434,1.13677 q -1.02924,0 -1.59762,0.82953 -0.56838,0.81417 -0.56838,2.33498 0,1.52081 0.55302,2.33498 0.55302,0.79881 1.6437,0.79881 1.2443,0 1.81268,-0.66056 0.56838,-0.67591 0.56838,-2.166 v -0.32259 q 0,-1.67443 -0.58374,-2.41179 -0.58375,-0.73736 -1.82804,-0.73736 z"
+         style="text-align:center;letter-spacing:5.36125px;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2551" />
+    </g>
+    <g
+       aria-label="Qt Advanced
+"
+       id="text2150-1"
+       style="font-size:15.3617px;line-height:1.05;fill:#ffffff;stroke-width:0.264583;fill-opacity:0.25">
+      <path
+         d="m 100.61097,89.66819 q 0,2.012383 -0.814169,3.441021 -0.798808,1.413276 -2.381063,1.935574 l 2.626852,2.734383 h -1.981661 l -2.119914,-2.473234 q -0.09217,0 -0.199702,0 -0.09217,0.01536 -0.184341,0.01536 -1.705148,0 -2.841914,-0.706638 -1.121404,-0.706639 -1.674426,-1.98166 -0.553021,-1.275021 -0.553021,-2.980169 0,-1.674426 0.553021,-2.934085 0.553022,-1.275021 1.674426,-1.98166 1.136766,-0.706638 2.857276,-0.706638 1.643702,0 2.765106,0.706638 1.121404,0.691277 1.68979,1.966298 0.58374,1.25966 0.58374,2.964808 z m -8.663997,0 q 0,2.07383 0.875617,3.272042 0.875617,1.182851 2.734382,1.182851 1.858766,0 2.719021,-1.182851 0.875617,-1.198212 0.875617,-3.272042 0,-2.073829 -0.860255,-3.241318 -0.860255,-1.182851 -2.719021,-1.182851 -1.874127,0 -2.749744,1.182851 -0.875617,1.167489 -0.875617,3.241318 z"
+         style="text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2518" />
+      <path
+         d="m 105.60353,94.215253 q 0.30723,0 0.62983,-0.04609 0.32259,-0.04609 0.52229,-0.122893 v 1.029234 q -0.21506,0.107532 -0.61446,0.168978 -0.39941,0.07681 -0.76809,0.07681 -0.64519,0 -1.19821,-0.215064 -0.53766,-0.230425 -0.87562,-0.783447 -0.33796,-0.553021 -0.33796,-1.551531 v -4.792851 h -1.16749 v -0.645191 l 1.18286,-0.53766 0.53766,-1.751234 h 0.7988 v 1.88949 h 2.38107 v 1.044595 h -2.38107 v 4.762127 q 0,0.752724 0.35332,1.121404 0.36868,0.353319 0.93707,0.353319 z"
+         style="text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2520" />
+      <path
+         d="m 119.45978,95.167679 -1.3211,-3.394936 h -4.34736 l -1.30575,3.394936 h -1.39791 l 4.28591,-11.014339 h 1.2443 l 4.27055,11.014339 z m -1.73587,-4.623872 -1.22893,-3.318127 q -0.0461,-0.122894 -0.15362,-0.445489 -0.10753,-0.322596 -0.21507,-0.660554 -0.0922,-0.353319 -0.15361,-0.537659 -0.1229,0.476213 -0.26115,0.937064 -0.12289,0.445489 -0.21507,0.706638 l -1.24429,3.318127 z"
+         style="text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2522" />
+      <path
+         d="m 125.12825,95.321296 q -1.53617,0 -2.45787,-1.059957 -0.9217,-1.075319 -0.9217,-3.195234 0,-2.119915 0.9217,-3.195234 0.93706,-1.09068 2.47323,-1.09068 0.95243,0 1.55153,0.353319 0.61447,0.353319 0.99851,0.860255 h 0.0922 q -0.0307,-0.199702 -0.0614,-0.583745 -0.0307,-0.399404 -0.0307,-0.629829 v -3.287404 h 1.35183 v 11.674892 h -1.09068 l -0.1997,-1.106043 h -0.0614 q -0.36868,0.522298 -0.98314,0.890979 -0.61447,0.368681 -1.58226,0.368681 z m 0.21506,-1.121404 q 1.30575,0 1.82805,-0.706638 0.53766,-0.722 0.53766,-2.166 v -0.245787 q 0,-1.53617 -0.50694,-2.35034 -0.50694,-0.829532 -1.87413,-0.829532 -1.09068,0 -1.6437,0.875617 -0.53766,0.860255 -0.53766,2.319616 0,1.474724 0.53766,2.288894 0.55302,0.81417 1.65906,0.81417 z"
+         style="text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2524" />
+      <path
+         d="m 133.46965,95.167679 -3.11842,-8.233871 h 1.444 l 1.75123,4.854297 q 0.12289,0.337957 0.26115,0.752723 0.13825,0.414766 0.24579,0.798809 0.10753,0.384042 0.15361,0.629829 h 0.0615 q 0.0461,-0.245787 0.16898,-0.629829 0.12289,-0.399405 0.26115,-0.798809 0.13825,-0.414766 0.26115,-0.752723 l 1.75123,-4.854297 h 1.444 l -3.13379,8.233871 z"
+         style="text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2526" />
+      <path
+         d="m 142.57913,86.795552 q 1.50545,0 2.22745,0.660553 0.722,0.660554 0.722,2.104553 v 5.607021 h -0.98315 l -0.26115,-1.167489 h -0.0615 q -0.53766,0.675914 -1.13676,0.99851 -0.59911,0.322596 -1.62834,0.322596 -1.12141,0 -1.85877,-0.583745 -0.73736,-0.599106 -0.73736,-1.858765 0,-1.228936 0.96778,-1.88949 0.96779,-0.675914 2.98017,-0.737361 l 1.39792,-0.04609 V 89.71427 q 0,-1.029234 -0.44549,-1.428638 -0.44549,-0.399404 -1.25966,-0.399404 -0.64519,0 -1.22894,0.199702 -0.58374,0.184341 -1.09068,0.430128 l -0.41476,-1.013872 q 0.53766,-0.291873 1.27502,-0.491575 0.73736,-0.215064 1.53617,-0.215064 z m 1.61298,4.347361 -1.21358,0.04609 q -1.53617,0.06145 -2.13527,0.491574 -0.58375,0.430128 -0.58375,1.213574 0,0.691277 0.41477,1.013872 0.43013,0.322596 1.09068,0.322596 1.02923,0 1.72051,-0.568383 0.70664,-0.583744 0.70664,-1.781957 z"
+         style="text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2528" />
+      <path
+         d="m 152.04195,86.780191 q 1.47472,0 2.22745,0.722 0.75272,0.721999 0.75272,2.304255 v 5.361233 h -1.33647 v -5.269063 q 0,-1.98166 -1.8434,-1.98166 -1.36719,0 -1.88949,0.768085 -0.5223,0.768085 -0.5223,2.212085 v 4.270553 h -1.35183 v -8.233871 h 1.09068 l 0.1997,1.121404 h 0.0768 q 0.39941,-0.645192 1.10605,-0.952426 0.70663,-0.322595 1.49008,-0.322595 z"
+         style="text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2530" />
+      <path
+         d="m 160.87493,95.321296 q -1.10604,0 -1.95093,-0.445489 -0.8449,-0.44549 -1.33647,-1.382553 -0.47622,-0.937064 -0.47622,-2.396426 0,-1.520808 0.49158,-2.473233 0.50694,-0.952426 1.38255,-1.397915 0.87562,-0.445489 1.98166,-0.445489 0.61447,0 1.19821,0.138255 0.59911,0.122894 0.96779,0.307234 l -0.41476,1.121404 q -0.36869,-0.138255 -0.86026,-0.261149 -0.49157,-0.122893 -0.9217,-0.122893 -2.42715,0 -2.42715,3.118425 0,1.490085 0.58374,2.288893 0.59911,0.783447 1.7666,0.783447 0.66055,0 1.18285,-0.138256 0.5223,-0.138255 0.95243,-0.337957 v 1.198213 q -0.41477,0.215063 -0.92171,0.322595 -0.49157,0.122894 -1.19821,0.122894 z"
+         style="text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2532" />
+      <path
+         d="m 168.12564,86.780191 q 1.0446,0 1.81268,0.460851 0.76809,0.460851 1.16749,1.305744 0.41477,0.829532 0.41477,1.950936 v 0.81417 h -5.63775 q 0.0307,1.397915 0.70664,2.135276 0.69128,0.722 1.92021,0.722 0.78345,0 1.38256,-0.138255 0.61447,-0.153617 1.25966,-0.430128 v 1.182851 q -0.62983,0.276511 -1.2443,0.399405 -0.61447,0.138255 -1.45936,0.138255 -1.18285,0 -2.07383,-0.476213 -0.89098,-0.476213 -1.39792,-1.413276 -0.49157,-0.937064 -0.49157,-2.319617 0,-1.35183 0.44549,-2.319617 0.46085,-0.967787 1.27502,-1.490085 0.82953,-0.522297 1.92021,-0.522297 z m -0.0154,1.106042 q -0.96779,0 -1.53617,0.62983 -0.55302,0.614468 -0.66055,1.72051 h 4.19374 q -0.0154,-1.044595 -0.49157,-1.689787 -0.47622,-0.660553 -1.50545,-0.660553 z"
+         style="text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2534" />
+      <path
+         d="m 176.52848,95.321296 q -1.53617,0 -2.45787,-1.059957 -0.92171,-1.075319 -0.92171,-3.195234 0,-2.119915 0.92171,-3.195234 0.93706,-1.09068 2.47323,-1.09068 0.95243,0 1.55153,0.353319 0.61447,0.353319 0.99851,0.860255 h 0.0922 q -0.0307,-0.199702 -0.0614,-0.583745 -0.0307,-0.399404 -0.0307,-0.629829 v -3.287404 h 1.35183 v 11.674892 h -1.09068 l -0.1997,-1.106043 h -0.0614 q -0.36868,0.522298 -0.98315,0.890979 -0.61446,0.368681 -1.58225,0.368681 z m 0.21506,-1.121404 q 1.30575,0 1.82804,-0.706638 0.53766,-0.722 0.53766,-2.166 v -0.245787 q 0,-1.53617 -0.50693,-2.35034 -0.50694,-0.829532 -1.87413,-0.829532 -1.09068,0 -1.6437,0.875617 -0.53766,0.860255 -0.53766,2.319616 0,1.474724 0.53766,2.288894 0.55302,0.81417 1.65906,0.81417 z"
+         style="text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:0.25"
+         id="path2536" />
+    </g>
+  </g>
+</svg>

demo/images/ads_tile_green.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1024" height="1024" version="1.1" viewBox="0 0 270.93 270.93" xmlns="http://www.w3.org/2000/svg">
+ <path d="m-2.5e-6 -2.5e-6v270.93h270.93v-270.93z" fill="#accb01" stroke-width=".26458" style="mix-blend-mode:normal"/>
+ <g fill="#fff" fill-opacity=".25">
+  <g transform="matrix(.12402 0 0 .12402 71.967 73.674)" stroke-width="4.7887">
+   <path d="m405.33 234.66v256h469.33v-256z" style="mix-blend-mode:normal"/>
+   <path d="m661.33 533.33v256h213.33v-256z" style="mix-blend-mode:normal"/>
+   <path d="m405.33 533.33v256h213.33v-256z" style="mix-blend-mode:normal"/>
+   <path d="m149.33 234.66v554.67h213.33v-554.67z" style="mix-blend-mode:normal"/>
+  </g>
+  <g stroke-width=".26458" aria-label="Docking">
+   <path d="m100.07 182.94q0 2.7805-1.5208 4.1938-1.5054 1.3979-4.2091 1.3979h-3.057v-10.968h3.3796q1.6437 0 2.8573 0.61447 1.2289 0.61446 1.8895 1.8127 0.66055 1.1982 0.66055 2.9494zm-1.4594 0.0461q0-2.1967-1.0907-3.2106-1.0753-1.0292-3.057-1.0292h-1.7973v8.6026h1.4901q4.4549 0 4.4549-4.3627z"/>
+   <path d="m114.84 184.4q0 2.0431-1.0446 3.1645-1.0292 1.1214-2.7958 1.1214-1.0907 0-1.9509-0.49158-0.84489-0.50693-1.3365-1.4594-0.49158-0.96778-0.49158-2.335 0-2.0431 1.0139-3.1491 1.0292-1.106 2.8112-1.106 1.106 0 1.9663 0.50694 0.86026 0.49157 1.3365 1.444 0.49158 0.93706 0.49158 2.3042zm-6.2215 0q0 1.4594 0.56838 2.3196 0.58374 0.84489 1.8434 0.84489 1.2443 0 1.828-0.84489 0.58374-0.86025 0.58374-2.3196 0-1.4594-0.58374-2.2889-0.58375-0.82953-1.8434-0.82953t-1.828 0.82953-0.56838 2.2889z"/>
+   <path d="m125.64 188.69q-1.106 0-1.9509-0.44549-0.84489-0.44549-1.3365-1.3826-0.47622-0.93707-0.47622-2.3964 0-1.5208 0.49158-2.4732 0.50693-0.95243 1.3826-1.3979t1.9817-0.44549q0.61447 0 1.1982 0.13826 0.59911 0.12289 0.96779 0.30723l-0.41477 1.1214q-0.36868-0.13826-0.86025-0.26115-0.49158-0.1229-0.9217-0.1229-2.4272 0-2.4272 3.1184 0 1.4901 0.58374 2.2889 0.59911 0.78345 1.7666 0.78345 0.66055 0 1.1828-0.13826 0.5223-0.13825 0.95242-0.33795v1.1982q-0.41476 0.21506-0.9217 0.3226-0.49157 0.12289-1.1982 0.12289z"/>
+   <path d="m136.4 176.86v6.0986q0 0.24579-0.0307 0.6452-0.0154 0.3994-0.0307 0.69127h0.0614q0.0922-0.12289 0.27651-0.35332 0.18434-0.23042 0.36868-0.46085 0.19971-0.24578 0.33796-0.3994l2.6268-2.7805h1.5823l-3.3335 3.5178 3.5639 4.716h-1.6283l-2.8573-3.8404-0.93707 0.81417v3.0262h-1.3365v-11.675z"/>
+   <path d="m149.32 177.22q0.30724 0 0.53766 0.21506 0.24579 0.1997 0.24579 0.64519t-0.24579 0.66056q-0.23042 0.1997-0.53766 0.1997-0.33795 0-0.56838-0.1997-0.23042-0.21507-0.23042-0.66056t0.23042-0.64519q0.23043-0.21506 0.56838-0.21506zm0.66056 3.0877v8.2339h-1.3518v-8.2339z"/>
+   <path d="m161.92 180.15q1.4747 0 2.2274 0.722 0.75272 0.722 0.75272 2.3043v5.3612h-1.3365v-5.2691q0-1.9817-1.8434-1.9817-1.3672 0-1.8895 0.76808-0.5223 0.76809-0.5223 2.2121v4.2706h-1.3518v-8.2339h1.0907l0.1997 1.1214h0.0768q0.39941-0.64519 1.106-0.95242 0.70664-0.3226 1.4901-0.3226z"/>
+   <path d="m175.73 180.15q0.81417 0 1.4594 0.30724 0.66055 0.30723 1.1214 0.93706h0.0768l0.18434-1.0907h1.0753v8.3721q0 1.7666-0.90634 2.6576-0.89098 0.89098-2.7805 0.89098-1.8127 0-2.9648-0.5223v-1.2443q1.2136 0.6452 3.0416 0.6452 1.06 0 1.6591-0.62983 0.61447-0.61447 0.61447-1.6898v-0.3226q0-0.18434 0.0154-0.52229 0.0154-0.35332 0.0307-0.49158h-0.0615q-0.82953 1.2443-2.55 1.2443-1.5976 0-2.504-1.1214-0.89098-1.1214-0.89098-3.1338 0-1.9663 0.89098-3.1184 0.90634-1.1675 2.4886-1.1675zm0.18434 1.1368q-1.0292 0-1.5976 0.82953-0.56838 0.81417-0.56838 2.335t0.55302 2.335q0.55302 0.79881 1.6437 0.79881 1.2443 0 1.8127-0.66056 0.56838-0.67591 0.56838-2.166v-0.32259q0-1.6744-0.58374-2.4118-0.58375-0.73736-1.828-0.73736z"/>
+  </g>
+  <g stroke-width=".26458" aria-label="Qt Advanced ">
+   <path d="m100.61 89.668q0 2.0124-0.81417 3.441-0.79881 1.4133-2.3811 1.9356l2.6269 2.7344h-1.9817l-2.1199-2.4732q-0.09217 0-0.1997 0-0.09217 0.01536-0.18434 0.01536-1.7051 0-2.8419-0.70664-1.1214-0.70664-1.6744-1.9817-0.55302-1.275-0.55302-2.9802 0-1.6744 0.55302-2.9341 0.55302-1.275 1.6744-1.9817 1.1368-0.70664 2.8573-0.70664 1.6437 0 2.7651 0.70664 1.1214 0.69128 1.6898 1.9663 0.58374 1.2597 0.58374 2.9648zm-8.664 0q0 2.0738 0.87562 3.272 0.87562 1.1829 2.7344 1.1829 1.8588 0 2.719-1.1829 0.87562-1.1982 0.87562-3.272 0-2.0738-0.86026-3.2413-0.86026-1.1829-2.719-1.1829-1.8741 0-2.7497 1.1829-0.87562 1.1675-0.87562 3.2413z"/>
+   <path d="m105.6 94.215q0.30723 0 0.62983-0.04609 0.32259-0.04609 0.52229-0.12289v1.0292q-0.21506 0.10753-0.61446 0.16898-0.39941 0.07681-0.76809 0.07681-0.64519 0-1.1982-0.21506-0.53766-0.23042-0.87562-0.78345-0.33796-0.55302-0.33796-1.5515v-4.7929h-1.1675v-0.64519l1.1829-0.53766 0.53766-1.7512h0.7988v1.8895h2.3811v1.0446h-2.3811v4.7621q0 0.75272 0.35332 1.1214 0.36868 0.35332 0.93707 0.35332z"/>
+   <path d="m119.46 95.168-1.3211-3.3949h-4.3474l-1.3058 3.3949h-1.3979l4.2859-11.014h1.2443l4.2706 11.014zm-1.7359-4.6239-1.2289-3.3181q-0.0461-0.12289-0.15362-0.44549-0.10753-0.3226-0.21507-0.66055-0.0922-0.35332-0.15361-0.53766-0.1229 0.47621-0.26115 0.93706-0.12289 0.44549-0.21507 0.70664l-1.2443 3.3181z"/>
+   <path d="m125.13 95.321q-1.5362 0-2.4579-1.06-0.9217-1.0753-0.9217-3.1952t0.9217-3.1952q0.93706-1.0907 2.4732-1.0907 0.95243 0 1.5515 0.35332 0.61447 0.35332 0.99851 0.86026h0.0922q-0.0307-0.1997-0.0614-0.58374-0.0307-0.3994-0.0307-0.62983v-3.2874h1.3518v11.675h-1.0907l-0.1997-1.106h-0.0614q-0.36868 0.5223-0.98314 0.89098-0.61447 0.36868-1.5823 0.36868zm0.21506-1.1214q1.3058 0 1.828-0.70664 0.53766-0.722 0.53766-2.166v-0.24579q0-1.5362-0.50694-2.3503-0.50694-0.82953-1.8741-0.82953-1.0907 0-1.6437 0.87562-0.53766 0.86026-0.53766 2.3196 0 1.4747 0.53766 2.2889 0.55302 0.81417 1.6591 0.81417z"/>
+   <path d="m133.47 95.168-3.1184-8.2339h1.444l1.7512 4.8543q0.12289 0.33796 0.26115 0.75272 0.13825 0.41477 0.24579 0.79881 0.10753 0.38404 0.15361 0.62983h0.0615q0.0461-0.24579 0.16898-0.62983 0.12289-0.3994 0.26115-0.79881 0.13825-0.41477 0.26115-0.75272l1.7512-4.8543h1.444l-3.1338 8.2339z"/>
+   <path d="m142.58 86.796q1.5054 0 2.2274 0.66055 0.722 0.66055 0.722 2.1046v5.607h-0.98315l-0.26115-1.1675h-0.0615q-0.53766 0.67591-1.1368 0.99851-0.59911 0.3226-1.6283 0.3226-1.1214 0-1.8588-0.58374-0.73736-0.59911-0.73736-1.8588 0-1.2289 0.96778-1.8895 0.96779-0.67591 2.9802-0.73736l1.3979-0.04609v-0.49158q0-1.0292-0.44549-1.4286t-1.2597-0.3994q-0.64519 0-1.2289 0.1997-0.58374 0.18434-1.0907 0.43013l-0.41476-1.0139q0.53766-0.29187 1.275-0.49158 0.73736-0.21506 1.5362-0.21506zm1.613 4.3474-1.2136 0.04609q-1.5362 0.06145-2.1353 0.49157-0.58375 0.43013-0.58375 1.2136 0 0.69128 0.41477 1.0139 0.43013 0.3226 1.0907 0.3226 1.0292 0 1.7205-0.56838 0.70664-0.58374 0.70664-1.782z"/>
+   <path d="m152.04 86.78q1.4747 0 2.2274 0.722 0.75272 0.722 0.75272 2.3043v5.3612h-1.3365v-5.2691q0-1.9817-1.8434-1.9817-1.3672 0-1.8895 0.76808t-0.5223 2.2121v4.2706h-1.3518v-8.2339h1.0907l0.1997 1.1214h0.0768q0.39941-0.64519 1.106-0.95243 0.70663-0.3226 1.4901-0.3226z"/>
+   <path d="m160.87 95.321q-1.106 0-1.9509-0.44549-0.8449-0.44549-1.3365-1.3826-0.47622-0.93706-0.47622-2.3964 0-1.5208 0.49158-2.4732 0.50694-0.95243 1.3826-1.3979 0.87562-0.44549 1.9817-0.44549 0.61447 0 1.1982 0.13826 0.59911 0.12289 0.96779 0.30723l-0.41476 1.1214q-0.36869-0.13826-0.86026-0.26115-0.49157-0.12289-0.9217-0.12289-2.4272 0-2.4272 3.1184 0 1.4901 0.58374 2.2889 0.59911 0.78345 1.7666 0.78345 0.66055 0 1.1828-0.13826 0.5223-0.13826 0.95243-0.33796v1.1982q-0.41477 0.21506-0.92171 0.3226-0.49157 0.12289-1.1982 0.12289z"/>
+   <path d="m168.13 86.78q1.0446 0 1.8127 0.46085 0.76809 0.46085 1.1675 1.3057 0.41477 0.82953 0.41477 1.9509v0.81417h-5.6378q0.0307 1.3979 0.70664 2.1353 0.69128 0.722 1.9202 0.722 0.78345 0 1.3826-0.13826 0.61447-0.15362 1.2597-0.43013v1.1829q-0.62983 0.27651-1.2443 0.3994-0.61447 0.13826-1.4594 0.13826-1.1828 0-2.0738-0.47621t-1.3979-1.4133q-0.49157-0.93706-0.49157-2.3196 0-1.3518 0.44549-2.3196 0.46085-0.96779 1.275-1.4901 0.82953-0.5223 1.9202-0.5223zm-0.0154 1.106q-0.96779 0-1.5362 0.62983-0.55302 0.61447-0.66055 1.7205h4.1937q-0.0154-1.0446-0.49157-1.6898-0.47622-0.66055-1.5054-0.66055z"/>
+   <path d="m176.53 95.321q-1.5362 0-2.4579-1.06-0.92171-1.0753-0.92171-3.1952t0.92171-3.1952q0.93706-1.0907 2.4732-1.0907 0.95243 0 1.5515 0.35332 0.61447 0.35332 0.99851 0.86026h0.0922q-0.0307-0.1997-0.0614-0.58374-0.0307-0.3994-0.0307-0.62983v-3.2874h1.3518v11.675h-1.0907l-0.1997-1.106h-0.0614q-0.36868 0.5223-0.98315 0.89098-0.61446 0.36868-1.5822 0.36868zm0.21506-1.1214q1.3058 0 1.828-0.70664 0.53766-0.722 0.53766-2.166v-0.24579q0-1.5362-0.50693-2.3503-0.50694-0.82953-1.8741-0.82953-1.0907 0-1.6437 0.87562-0.53766 0.86026-0.53766 2.3196 0 1.4747 0.53766 2.2889 0.55302 0.81417 1.6591 0.81417z"/>
+  </g>
+ </g>
+</svg>

demo/images/ads_tile_orange.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1024" height="1024" version="1.1" viewBox="0 0 270.93 270.93" xmlns="http://www.w3.org/2000/svg">
+ <path d="m-2.5e-6 -2.5e-6v270.93h270.93v-270.93z" fill="#ff9833" stroke-width=".26458" style="mix-blend-mode:normal"/>
+ <g fill="#fff" fill-opacity=".25">
+  <g transform="matrix(.12402 0 0 .12402 71.967 73.674)" stroke-width="4.7887">
+   <path d="m405.33 234.66v256h469.33v-256z" style="mix-blend-mode:normal"/>
+   <path d="m661.33 533.33v256h213.33v-256z" style="mix-blend-mode:normal"/>
+   <path d="m405.33 533.33v256h213.33v-256z" style="mix-blend-mode:normal"/>
+   <path d="m149.33 234.66v554.67h213.33v-554.67z" style="mix-blend-mode:normal"/>
+  </g>
+  <g stroke-width=".26458" aria-label="Docking">
+   <path d="m100.07 182.94q0 2.7805-1.5208 4.1938-1.5054 1.3979-4.2091 1.3979h-3.057v-10.968h3.3796q1.6437 0 2.8573 0.61447 1.2289 0.61446 1.8895 1.8127 0.66055 1.1982 0.66055 2.9494zm-1.4594 0.0461q0-2.1967-1.0907-3.2106-1.0753-1.0292-3.057-1.0292h-1.7973v8.6026h1.4901q4.4549 0 4.4549-4.3627z"/>
+   <path d="m114.84 184.4q0 2.0431-1.0446 3.1645-1.0292 1.1214-2.7958 1.1214-1.0907 0-1.9509-0.49158-0.84489-0.50693-1.3365-1.4594-0.49158-0.96778-0.49158-2.335 0-2.0431 1.0139-3.1491 1.0292-1.106 2.8112-1.106 1.106 0 1.9663 0.50694 0.86026 0.49157 1.3365 1.444 0.49158 0.93706 0.49158 2.3042zm-6.2215 0q0 1.4594 0.56838 2.3196 0.58374 0.84489 1.8434 0.84489 1.2443 0 1.828-0.84489 0.58374-0.86025 0.58374-2.3196 0-1.4594-0.58374-2.2889-0.58375-0.82953-1.8434-0.82953t-1.828 0.82953-0.56838 2.2889z"/>
+   <path d="m125.64 188.69q-1.106 0-1.9509-0.44549-0.84489-0.44549-1.3365-1.3826-0.47622-0.93707-0.47622-2.3964 0-1.5208 0.49158-2.4732 0.50693-0.95243 1.3826-1.3979t1.9817-0.44549q0.61447 0 1.1982 0.13826 0.59911 0.12289 0.96779 0.30723l-0.41477 1.1214q-0.36868-0.13826-0.86025-0.26115-0.49158-0.1229-0.9217-0.1229-2.4272 0-2.4272 3.1184 0 1.4901 0.58374 2.2889 0.59911 0.78345 1.7666 0.78345 0.66055 0 1.1828-0.13826 0.5223-0.13825 0.95242-0.33795v1.1982q-0.41476 0.21506-0.9217 0.3226-0.49157 0.12289-1.1982 0.12289z"/>
+   <path d="m136.4 176.86v6.0986q0 0.24579-0.0307 0.6452-0.0154 0.3994-0.0307 0.69127h0.0614q0.0922-0.12289 0.27651-0.35332 0.18434-0.23042 0.36868-0.46085 0.19971-0.24578 0.33796-0.3994l2.6268-2.7805h1.5823l-3.3335 3.5178 3.5639 4.716h-1.6283l-2.8573-3.8404-0.93707 0.81417v3.0262h-1.3365v-11.675z"/>
+   <path d="m149.32 177.22q0.30724 0 0.53766 0.21506 0.24579 0.1997 0.24579 0.64519t-0.24579 0.66056q-0.23042 0.1997-0.53766 0.1997-0.33795 0-0.56838-0.1997-0.23042-0.21507-0.23042-0.66056t0.23042-0.64519q0.23043-0.21506 0.56838-0.21506zm0.66056 3.0877v8.2339h-1.3518v-8.2339z"/>
+   <path d="m161.92 180.15q1.4747 0 2.2274 0.722 0.75272 0.722 0.75272 2.3043v5.3612h-1.3365v-5.2691q0-1.9817-1.8434-1.9817-1.3672 0-1.8895 0.76808-0.5223 0.76809-0.5223 2.2121v4.2706h-1.3518v-8.2339h1.0907l0.1997 1.1214h0.0768q0.39941-0.64519 1.106-0.95242 0.70664-0.3226 1.4901-0.3226z"/>
+   <path d="m175.73 180.15q0.81417 0 1.4594 0.30724 0.66055 0.30723 1.1214 0.93706h0.0768l0.18434-1.0907h1.0753v8.3721q0 1.7666-0.90634 2.6576-0.89098 0.89098-2.7805 0.89098-1.8127 0-2.9648-0.5223v-1.2443q1.2136 0.6452 3.0416 0.6452 1.06 0 1.6591-0.62983 0.61447-0.61447 0.61447-1.6898v-0.3226q0-0.18434 0.0154-0.52229 0.0154-0.35332 0.0307-0.49158h-0.0615q-0.82953 1.2443-2.55 1.2443-1.5976 0-2.504-1.1214-0.89098-1.1214-0.89098-3.1338 0-1.9663 0.89098-3.1184 0.90634-1.1675 2.4886-1.1675zm0.18434 1.1368q-1.0292 0-1.5976 0.82953-0.56838 0.81417-0.56838 2.335t0.55302 2.335q0.55302 0.79881 1.6437 0.79881 1.2443 0 1.8127-0.66056 0.56838-0.67591 0.56838-2.166v-0.32259q0-1.6744-0.58374-2.4118-0.58375-0.73736-1.828-0.73736z"/>
+  </g>
+  <g stroke-width=".26458" aria-label="Qt Advanced ">
+   <path d="m100.61 89.668q0 2.0124-0.81417 3.441-0.79881 1.4133-2.3811 1.9356l2.6269 2.7344h-1.9817l-2.1199-2.4732q-0.09217 0-0.1997 0-0.09217 0.01536-0.18434 0.01536-1.7051 0-2.8419-0.70664-1.1214-0.70664-1.6744-1.9817-0.55302-1.275-0.55302-2.9802 0-1.6744 0.55302-2.9341 0.55302-1.275 1.6744-1.9817 1.1368-0.70664 2.8573-0.70664 1.6437 0 2.7651 0.70664 1.1214 0.69128 1.6898 1.9663 0.58374 1.2597 0.58374 2.9648zm-8.664 0q0 2.0738 0.87562 3.272 0.87562 1.1829 2.7344 1.1829 1.8588 0 2.719-1.1829 0.87562-1.1982 0.87562-3.272 0-2.0738-0.86026-3.2413-0.86026-1.1829-2.719-1.1829-1.8741 0-2.7497 1.1829-0.87562 1.1675-0.87562 3.2413z"/>
+   <path d="m105.6 94.215q0.30723 0 0.62983-0.04609 0.32259-0.04609 0.52229-0.12289v1.0292q-0.21506 0.10753-0.61446 0.16898-0.39941 0.07681-0.76809 0.07681-0.64519 0-1.1982-0.21506-0.53766-0.23042-0.87562-0.78345-0.33796-0.55302-0.33796-1.5515v-4.7929h-1.1675v-0.64519l1.1829-0.53766 0.53766-1.7512h0.7988v1.8895h2.3811v1.0446h-2.3811v4.7621q0 0.75272 0.35332 1.1214 0.36868 0.35332 0.93707 0.35332z"/>
+   <path d="m119.46 95.168-1.3211-3.3949h-4.3474l-1.3058 3.3949h-1.3979l4.2859-11.014h1.2443l4.2706 11.014zm-1.7359-4.6239-1.2289-3.3181q-0.0461-0.12289-0.15362-0.44549-0.10753-0.3226-0.21507-0.66055-0.0922-0.35332-0.15361-0.53766-0.1229 0.47621-0.26115 0.93706-0.12289 0.44549-0.21507 0.70664l-1.2443 3.3181z"/>
+   <path d="m125.13 95.321q-1.5362 0-2.4579-1.06-0.9217-1.0753-0.9217-3.1952t0.9217-3.1952q0.93706-1.0907 2.4732-1.0907 0.95243 0 1.5515 0.35332 0.61447 0.35332 0.99851 0.86026h0.0922q-0.0307-0.1997-0.0614-0.58374-0.0307-0.3994-0.0307-0.62983v-3.2874h1.3518v11.675h-1.0907l-0.1997-1.106h-0.0614q-0.36868 0.5223-0.98314 0.89098-0.61447 0.36868-1.5823 0.36868zm0.21506-1.1214q1.3058 0 1.828-0.70664 0.53766-0.722 0.53766-2.166v-0.24579q0-1.5362-0.50694-2.3503-0.50694-0.82953-1.8741-0.82953-1.0907 0-1.6437 0.87562-0.53766 0.86026-0.53766 2.3196 0 1.4747 0.53766 2.2889 0.55302 0.81417 1.6591 0.81417z"/>
+   <path d="m133.47 95.168-3.1184-8.2339h1.444l1.7512 4.8543q0.12289 0.33796 0.26115 0.75272 0.13825 0.41477 0.24579 0.79881 0.10753 0.38404 0.15361 0.62983h0.0615q0.0461-0.24579 0.16898-0.62983 0.12289-0.3994 0.26115-0.79881 0.13825-0.41477 0.26115-0.75272l1.7512-4.8543h1.444l-3.1338 8.2339z"/>
+   <path d="m142.58 86.796q1.5054 0 2.2274 0.66055 0.722 0.66055 0.722 2.1046v5.607h-0.98315l-0.26115-1.1675h-0.0615q-0.53766 0.67591-1.1368 0.99851-0.59911 0.3226-1.6283 0.3226-1.1214 0-1.8588-0.58374-0.73736-0.59911-0.73736-1.8588 0-1.2289 0.96778-1.8895 0.96779-0.67591 2.9802-0.73736l1.3979-0.04609v-0.49158q0-1.0292-0.44549-1.4286t-1.2597-0.3994q-0.64519 0-1.2289 0.1997-0.58374 0.18434-1.0907 0.43013l-0.41476-1.0139q0.53766-0.29187 1.275-0.49158 0.73736-0.21506 1.5362-0.21506zm1.613 4.3474-1.2136 0.04609q-1.5362 0.06145-2.1353 0.49157-0.58375 0.43013-0.58375 1.2136 0 0.69128 0.41477 1.0139 0.43013 0.3226 1.0907 0.3226 1.0292 0 1.7205-0.56838 0.70664-0.58374 0.70664-1.782z"/>
+   <path d="m152.04 86.78q1.4747 0 2.2274 0.722 0.75272 0.722 0.75272 2.3043v5.3612h-1.3365v-5.2691q0-1.9817-1.8434-1.9817-1.3672 0-1.8895 0.76808t-0.5223 2.2121v4.2706h-1.3518v-8.2339h1.0907l0.1997 1.1214h0.0768q0.39941-0.64519 1.106-0.95243 0.70663-0.3226 1.4901-0.3226z"/>
+   <path d="m160.87 95.321q-1.106 0-1.9509-0.44549-0.8449-0.44549-1.3365-1.3826-0.47622-0.93706-0.47622-2.3964 0-1.5208 0.49158-2.4732 0.50694-0.95243 1.3826-1.3979 0.87562-0.44549 1.9817-0.44549 0.61447 0 1.1982 0.13826 0.59911 0.12289 0.96779 0.30723l-0.41476 1.1214q-0.36869-0.13826-0.86026-0.26115-0.49157-0.12289-0.9217-0.12289-2.4272 0-2.4272 3.1184 0 1.4901 0.58374 2.2889 0.59911 0.78345 1.7666 0.78345 0.66055 0 1.1828-0.13826 0.5223-0.13826 0.95243-0.33796v1.1982q-0.41477 0.21506-0.92171 0.3226-0.49157 0.12289-1.1982 0.12289z"/>
+   <path d="m168.13 86.78q1.0446 0 1.8127 0.46085 0.76809 0.46085 1.1675 1.3057 0.41477 0.82953 0.41477 1.9509v0.81417h-5.6378q0.0307 1.3979 0.70664 2.1353 0.69128 0.722 1.9202 0.722 0.78345 0 1.3826-0.13826 0.61447-0.15362 1.2597-0.43013v1.1829q-0.62983 0.27651-1.2443 0.3994-0.61447 0.13826-1.4594 0.13826-1.1828 0-2.0738-0.47621t-1.3979-1.4133q-0.49157-0.93706-0.49157-2.3196 0-1.3518 0.44549-2.3196 0.46085-0.96779 1.275-1.4901 0.82953-0.5223 1.9202-0.5223zm-0.0154 1.106q-0.96779 0-1.5362 0.62983-0.55302 0.61447-0.66055 1.7205h4.1937q-0.0154-1.0446-0.49157-1.6898-0.47622-0.66055-1.5054-0.66055z"/>
+   <path d="m176.53 95.321q-1.5362 0-2.4579-1.06-0.92171-1.0753-0.92171-3.1952t0.92171-3.1952q0.93706-1.0907 2.4732-1.0907 0.95243 0 1.5515 0.35332 0.61447 0.35332 0.99851 0.86026h0.0922q-0.0307-0.1997-0.0614-0.58374-0.0307-0.3994-0.0307-0.62983v-3.2874h1.3518v11.675h-1.0907l-0.1997-1.106h-0.0614q-0.36868 0.5223-0.98315 0.89098-0.61446 0.36868-1.5822 0.36868zm0.21506-1.1214q1.3058 0 1.828-0.70664 0.53766-0.722 0.53766-2.166v-0.24579q0-1.5362-0.50693-2.3503-0.50694-0.82953-1.8741-0.82953-1.0907 0-1.6437 0.87562-0.53766 0.86026-0.53766 2.3196 0 1.4747 0.53766 2.2889 0.55302 0.81417 1.6591 0.81417z"/>
+  </g>
+ </g>
+</svg>

demo/images/color_lens.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,1024,1024">
+	<desc>color_lens icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)</desc>
+	<g fill="#03b8e5" fill-rule="nonzero" style="mix-blend-mode: normal">
+		<path d="M896,469.33c0,117.76 -95.57,213.34 -213.33,213.34h-75.52c-35.41,0 -64,28.59 -64,64c0,16.21 6.4,31.15 16.21,42.24c10.24,11.52 16.64,26.45 16.64,43.09c0,35.41 -28.59,64 -64,64c-212.05,0 -384,-171.95 -384,-384c0,-212.05 171.95,-384 384,-384c212.05,0 384,152.74 384,341.33zM341.33,448c0,-35.41 -28.59,-64 -64,-64c-35.41,0 -64,28.59 -64,64c0,35.41 28.59,64 64,64c35.41,0 64,-28.59 64,-64zM469.33,277.33c0,-35.41 -28.59,-64 -64,-64c-35.41,0 -64,28.59 -64,64c0,35.41 28.59,64 64,64c35.41,0 64,-28.59 64,-64zM682.67,277.33c0,-35.41 -28.59,-64 -64,-64c-35.41,0 -64,28.59 -64,64c0,35.41 28.59,64 64,64c35.41,0 64,-28.59 64,-64zM810.67,448c0,-35.41 -28.59,-64 -64,-64c-35.41,0 -64,28.59 -64,64c0,35.41 28.59,64 64,64c35.41,0 64,-28.59 64,-64z"/>
+	</g>
+</svg>

demo/images/crop_original.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,1024,1024">
+	<desc>crop_original icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)</desc>
+	<g fill="#03b8e5" fill-rule="nonzero" style="mix-blend-mode: normal">
+		<path d="M896,213.33v597.34c0,46.93 -38.4,85.33 -85.33,85.33h-597.34c-46.93,0 -85.33,-38.4 -85.33,-85.33v-597.34c0,-46.93 38.4,-85.33 85.33,-85.33h597.34c46.93,0 85.33,38.4 85.33,85.33zM810.67,213.33h-597.34v597.34h597.34zM746.67,725.33h-469.34l117.34,-150.61l83.62,100.69l117.34,-151.04z"/>
+	</g>
+</svg>

demo/images/find_in_page.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,1024,1024">
+	<desc>find_in_page icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)</desc>
+	<g fill="#03b8e5" fill-rule="nonzero" style="mix-blend-mode: normal">
+		<path d="M689.92,672c22.19,-33.71 35.41,-73.81 35.41,-117.33c0,-117.76 -95.57,-213.34 -213.33,-213.34c-117.76,0 -213.33,95.58 -213.33,213.34c0,117.76 95.57,213.33 213.33,213.33c43.52,0 83.63,-13.22 117.76,-35.41l189.01,189.01c-14.51,10.67 -31.57,17.07 -50.77,17.07h-512.43c-46.93,0 -84.9,-38.41 -84.9,-85.34l0.42,-682.66c0,-46.93 37.98,-85.34 84.91,-85.34h341.33l256,256v494.51zM512,426.67c70.83,0 128,57.17 128,128c0,70.83 -57.17,128 -128,128c-70.83,0 -128,-57.17 -128,-128c0,-70.83 57.17,-128 128,-128z"/>
+	</g>
+</svg>

demo/images/font_download.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,1024,1024">
+	<desc>font_download icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)</desc>
+	<g fill="#03b8e5" fill-rule="nonzero" style="mix-blend-mode: normal">
+		<path d="M938.67,170.67v682.66c0,46.93 -38.41,85.34 -85.34,85.34h-682.66c-46.93,0 -85.34,-38.41 -85.34,-85.34v-682.66c0,-46.93 38.41,-85.34 85.34,-85.34h682.66c46.93,0 85.34,38.41 85.34,85.34zM769.71,789.33l-218.03,-554.66h-79.36l-218.03,554.66h89.18l47.78,-128h240.64l48.64,128zM512,340.48l88.32,235.52h-176.64z"/>
+	</g>
+</svg>

demo/images/panorama.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,1024,1024">
+	<desc>panorama icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)</desc>
+	<g fill="#03b8e5" fill-rule="nonzero" style="mix-blend-mode: normal">
+		<path d="M896,853.33h-768c-46.93,0 -85.33,-38.4 -85.33,-85.33v-512c0,-46.93 38.4,-85.33 85.33,-85.33h768c46.93,0 85.33,38.4 85.33,85.33v512c0,46.93 -38.4,85.33 -85.33,85.33zM213.33,725.33h597.34l-192,-256l-149.34,192.43l-106.66,-128.43z"/>
+	</g>
+</svg>

demo/images/perm_media.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,1024,1024">
+	<desc>perm_media icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)</desc>
+	<g fill="#03b8e5" fill-rule="nonzero" style="mix-blend-mode: normal">
+		<path d="M1024,256v426.67c0,46.93 -38.4,85.33 -85.33,85.33h-682.67c-46.93,0 -85.33,-38.4 -85.33,-85.33l0.42,-512c0,-46.93 37.98,-85.34 84.91,-85.34h256l85.33,85.34h341.34c46.93,0 85.33,38.4 85.33,85.33zM85.33,853.33h768v85.34h-768c-46.93,0 -85.33,-38.41 -85.33,-85.34l0.43,-384h-0.43v-213.33h85.33zM896,640l-149.33,-192l-106.67,128.43l-149.33,-192.43l-192,256z"/>
+	</g>
+</svg>

demo/images/photo.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,1024,1024">
+	<desc>photo icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)</desc>
+	<g fill="#03b8e5" fill-rule="nonzero" style="mix-blend-mode: normal">
+		<path d="M810.67,896h-597.34c-46.93,0 -85.33,-38.4 -85.33,-85.33v-597.34c0,-46.93 38.4,-85.33 85.33,-85.33h597.34c46.93,0 85.33,38.4 85.33,85.33v597.34c0,46.93 -38.4,85.33 -85.33,85.33zM213.33,768h597.34l-192,-256l-149.34,192.43l-106.66,-128.43z"/>
+	</g>
+</svg>

demo/images/zoom_in.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,1024,1024">
+	<desc>zoom_in icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)</desc>
+	<g fill="#03b8e5" fill-rule="nonzero" style="mix-blend-mode: normal">
+		<path d="M874.24,810.67l-63.57,63.57l-213.34,-212.91v-33.7l-11.52,-11.95c-48.64,41.81 -111.79,66.99 -180.48,66.99c-153.17,0 -277.33,-124.17 -277.33,-277.34c0,-153.17 124.16,-277.33 277.33,-277.33c153.17,0 277.34,124.16 277.34,277.33c0,68.69 -25.18,131.84 -66.99,180.48l11.95,11.52h33.7zM597.33,405.33c0,-106.24 -85.76,-192 -192,-192c-106.24,0 -192,85.76 -192,192c0,106.24 85.76,192 192,192c106.24,0 192,-85.76 192,-192zM512,426.67h-85.33v85.33h-42.67v-85.33h-85.33v-42.67h85.33v-85.33h42.67v85.33h85.33z"/>
+	</g>
+</svg>

demo/images/zoom_out.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,1024,1024">
+	<desc>zoom_out icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)</desc>
+	<g fill="#03b8e5" fill-rule="nonzero" style="mix-blend-mode: normal">
+		<path d="M874.24,810.67l-63.57,63.57l-213.34,-212.91v-33.7l-11.52,-11.95c-48.64,41.81 -111.79,66.99 -180.48,66.99c-153.17,0 -277.33,-124.17 -277.33,-277.34c0,-153.17 124.16,-277.33 277.33,-277.33c153.17,0 277.34,124.16 277.34,277.33c0,68.69 -25.18,131.84 -66.99,180.48l11.95,11.52h33.7zM597.33,405.33c0,-106.24 -85.76,-192 -192,-192c-106.24,0 -192,85.76 -192,192c0,106.24 85.76,192 192,192c106.24,0 192,-85.76 192,-192zM298.67,384h213.33v42.67h-213.33z"/>
+	</g>
+</svg>

demo/images/zoom_out_map.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,1024,1024">
+	<desc>zoom_out_map icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)</desc>
+	<g fill="#03b8e5" fill-rule="nonzero" style="mix-blend-mode: normal">
+		<path d="M896,896h-256l98.13,-98.13l-123.3,-122.46l60.58,-60.58l122.46,123.3l98.13,-98.13zM896,128v256l-98.13,-98.13l-122.46,123.3l-60.58,-60.58l123.3,-122.46l-98.13,-98.13zM128,896v-256l98.13,98.13l122.46,-123.3l60.58,60.58l-123.3,122.46l98.13,98.13zM128,128h256l-98.13,98.13l123.3,122.46l-60.58,60.58l-122.46,-123.3l-98.13,98.13z"/>
+	</g>
+</svg>

demo/main.cpp

@@ -45,17 +45,18 @@ int main(int argc, char *argv[])
 	QApplication a(argc, argv);
 	a.setApplicationName("Advanced Docking System Demo");
 	a.setQuitOnLastWindowClosed(true);
-
-	QFile StyleSheetFile(":/adsdemo/app.css");
-	StyleSheetFile.open(QIODevice::ReadOnly);
-	QTextStream StyleSheetStream(&StyleSheetFile);
-	a.setStyleSheet(StyleSheetStream.readAll());
-	StyleSheetFile.close();
+	a.setWindowIcon(QIcon(":/adsdemo/images/ads_icon2.svg"));
 
 	qInstallMessageHandler(myMessageOutput);
 	qDebug() << "Message handler test";
 
 	CMainWindow mw;
 	mw.show();
+
+	QFile StyleSheetFile(":/adsdemo/app.css");
+	StyleSheetFile.open(QIODevice::ReadOnly);
+	QTextStream StyleSheetStream(&StyleSheetFile);
+	a.setStyleSheet(StyleSheetStream.readAll());
+	StyleSheetFile.close();
 	return a.exec();
 }

demo/res/visual_studio_light.css

@@ -0,0 +1,379 @@
+
+/*
+ * Visual Studio like light theme
+ */
+ 
+/*****************************************************************************
+ * CDockManager
+ *****************************************************************************/
+ads--CDockManager 
+{
+	background: palette(window);
+} 
+ 
+ 
+
+/*****************************************************************************
+ * CDockContainerWidget
+ *****************************************************************************/ 
+ads--CDockContainerWidget {
+	background: palette(window);
+	padding: 2px;
+}
+
+
+/*****************************************************************************
+ * CDockAreaWidget
+ *****************************************************************************/
+ads--CDockAreaWidget {
+	background: palette(window);
+	/*border: 1px solid palette(dark);*/
+}
+
+
+ads--CDockAreaTitleBar {
+	background: transparent;
+	border-bottom: 2px solid rgb(204, 204, 204);
+	padding-bottom: 0px;
+}
+
+
+ads--CTitleBarButton {
+	padding: 0px 0px;
+	background: transparent;
+	border: none;
+}
+
+ads--CTitleBarButton:hover {
+	background: rgba(0, 0, 0, 24);
+}
+
+ads--CTitleBarButton:pressed {
+	background: rgba(0, 0, 0, 48);
+}
+
+QScrollArea#dockWidgetScrollArea {
+	padding: 0px;
+	border: none;
+}
+
+#tabsMenuButton::menu-indicator {
+	image: none;
+}
+
+
+#dockAreaCloseButton {
+	qproperty-icon: url(:/ads/images/close-button.svg),
+		url(:/ads/images/close-button-disabled.svg) disabled;
+	qproperty-iconSize: 16px;
+}
+
+#detachGroupButton {
+	qproperty-icon: url(:/ads/images/detach-button.svg),
+		url(:/ads/images/detach-button-disabled.svg) disabled;
+	qproperty-iconSize: 16px;	
+}
+
+
+ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
+	border-bottom: 2px solid palette(highlight);
+}
+
+
+/*****************************************************************************
+ * CDockWidgetTab
+ *****************************************************************************/
+ads--CDockWidgetTab {
+	background: palette(window);
+	border: none;
+	padding: 0 0px;
+	qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/
+}
+
+ads--CDockWidgetTab[activeTab="true"] {
+	background: rgb(204, 204, 204);
+}
+
+ads--CDockWidgetTab QLabel {
+	color: palette(foreground);
+}
+
+ads--CDockWidgetTab[activeTab="true"] QLabel {
+	color: palette(foreground);
+}
+
+
+#tabCloseButton {
+	margin-top: 2px;
+	background: none;
+	border: none;
+	padding: 0px -2px;
+	qproperty-icon: url(:/ads/images/close-button.svg),
+		url(:/ads/images/close-button-disabled.svg) disabled;
+	qproperty-iconSize: 16px;
+}
+
+#tabCloseButton:hover {
+	/*border: 1px solid rgba(0, 0, 0, 32);*/
+	background: rgba(0, 0, 0, 24);
+}
+
+#tabCloseButton:pressed {
+	background: rgba(0, 0, 0, 48);
+}
+
+
+/* Focus related styling */
+ads--CDockWidgetTab[focused="true"] {
+	background: palette(highlight);
+	border-color: palette(highlight);
+}
+
+ads--CDockWidgetTab[focused="true"] > #tabCloseButton {
+	qproperty-icon: url(:/ads/images/close-button-focused.svg)
+}
+
+ads--CDockWidgetTab[focused="true"]>#tabCloseButton:hover {
+	background: rgba(255, 255, 255, 48);
+}
+
+ads--CDockWidgetTab[focused="true"]>#tabCloseButton:pressed {
+	background: rgba(255, 255, 255, 92);
+}
+
+ads--CDockWidgetTab[focused="true"] QLabel {
+	color: palette(light);
+}
+
+
+/*****************************************************************************
+ * CDockWidget
+ *****************************************************************************/
+ads--CDockWidget {
+	background: palette(light);
+	border: 1px solid rgb(204, 204, 204);
+	border-top: none;
+}
+
+
+
+/*****************************************************************************
+ *
+ * Styling of auto hide functionality
+ *
+ *****************************************************************************/
+ 
+ 
+/*****************************************************************************
+ * CAutoHideTab
+ *****************************************************************************/
+ads--CAutoHideTab {
+	qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/
+	background: none;
+	border: none;
+	padding-left: 2px;
+	padding-right: 0px;
+	text-align: center;
+	min-height: 20px;
+	padding-bottom: 2px;
+}
+
+
+ads--CAutoHideTab:hover
+{
+	color: palette(highlight);
+}
+
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"]  {
+	border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"] {
+	border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"]  {
+	border-top: 6px solid palette(highlight);
+}
+
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] {
+	border-bottom: 6px solid palette(highlight);
+}
+
+
+/**
+ * Auto hide tabs with icon only
+ */
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"] {
+	border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"] {
+	border-left: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"] {
+	border-right: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"] {
+	border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+/**
+ * Auto hide tabs with icon only hover
+ */
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] {
+	border-top: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] {
+	border-left: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] {
+	border-right: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] {
+	border-bottom: 6px solid palette(highlight);
+}
+
+
+
+/*****************************************************************************
+ * CAutoHideSideBar
+ *****************************************************************************/
+ads--CAutoHideSideBar{
+	background: palette(window);
+	border: none;
+	qproperty-spacing: 12;
+}
+
+#sideTabsContainerWidget {
+	background: transparent;
+}
+
+
+ads--CAutoHideSideBar[sideBarLocation="0"] {
+	border-bottom: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="1"] {
+	border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="2"] {
+	border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="3"] {
+	border-top: 1px solid palette(dark);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer
+ *****************************************************************************/
+ads--CAutoHideDockContainer {
+	background: palette(window);
+}
+
+
+ads--CAutoHideDockContainer ads--CDockAreaTitleBar {
+	background: palette(highlight);
+	padding: 0px;
+	border: none;
+}
+
+
+/*
+ * This is required because the ads--CDockAreaWidget[focused="true"] will 
+ * overwrite the ads--CAutoHideDockContainer ads--CDockAreaTitleBar rule
+ */
+ads--CAutoHideDockContainer ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
+	background: palette(highlight);
+	padding: 0px;
+	border: none;
+}
+
+
+#autoHideTitleLabel {
+	padding-left: 4px;
+	color: palette(light);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer titlebar buttons
+ *****************************************************************************/
+#dockAreaAutoHideButton {
+	qproperty-icon: url(:/ads/images/vs-pin-button.svg);
+	qproperty-iconSize: 16px;
+}
+
+ads--CAutoHideDockContainer #dockAreaAutoHideButton {
+	qproperty-icon: url(:/ads/images/vs-pin-button-pinned-focused.svg);
+	qproperty-iconSize: 16px;
+}
+
+
+ads--CAutoHideDockContainer #dockAreaCloseButton{
+	qproperty-icon: url(:/ads/images/close-button-focused.svg)
+}
+
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:hover {
+	background: rgba(255, 255, 255, 48);
+}
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:pressed {
+	background: rgba(255, 255, 255, 96);
+}
+
+/*****************************************************************************
+ * CAutoHideDockContainer Titlebar and Buttons
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CResizeHandle
+ *****************************************************************************/
+ads--CResizeHandle {
+	background: palette(window);
+}
+
+
+ads--CAutoHideDockContainer[sideBarLocation="0"] ads--CResizeHandle {
+	border-top: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="1"] ads--CResizeHandle {
+	border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="2"] ads--CResizeHandle {
+	border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="3"] ads--CResizeHandle {
+	border-top: 1px solid palette(dark);
+}

doc/ads_logo.svg

@@ -1,88 +1,33 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   version="1.1"
-   viewBox="0 0 6907.3028 1023.99"
-   id="svg26"
-   sodipodi:docname="ads_logo.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   width="6907.3027"
-   height="1023.99"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs30" />
-  <sodipodi:namedview
-     id="namedview28"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     showguides="true"
-     inkscape:guide-bbox="true"
-     inkscape:zoom="0.12999302"
-     inkscape:cx="3277.099"
-     inkscape:cy="-257.70614"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="1912"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0" />
-  <desc
-     id="desc2">electric_iron icon - Licensed under Iconfu Standard License v1.0 (https://www.iconfu.com/iconfu_standard_license) - Incors GmbH</desc>
-  <text
-     xml:space="preserve"
-     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none"
-     x="1251.1022"
-     y="1305.4956"
-     id="text9788"><tspan
-       sodipodi:role="line"
-       id="tspan9786"
-       x="1251.1022"
-       y="1305.4956" /></text>
-  <text
-     xml:space="preserve"
-     style="font-style:normal;font-weight:normal;font-size:628.003px;line-height:1.25;font-family:sans-serif;fill:#8f918f;fill-opacity:1;stroke:none;stroke-width:1"
-     x="1178.9221"
-     y="718.37329"
-     id="text15608"><tspan
-       sodipodi:role="line"
-       id="tspan15606"
-       x="1178.9221"
-       y="718.37329"
-       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:628.003px;font-family:'Segoe UI';-inkscape-font-specification:'Segoe UI Light';fill:#8f918f;fill-opacity:1;stroke-width:1">Qt Advanced Docking</tspan></text>
-  <g
-     id="g94691"
-     transform="translate(581.23034,1750.5233)">
-    <path
-       d="m 191.63966,-726.53328 h -521.75 c -138.69,0 -251.12,-112.43001 -251.12,-251.12 v -521.75002 c 0,-138.69 112.43,-251.12 251.12,-251.12 h 521.75 c 138.69,0 251.12,112.43 251.12,251.12 v 521.75002 c 0,138.68999 -112.43,251.12 -251.12,251.12 z"
-       fill="#707070"
-       id="path4-5"
-       style="mix-blend-mode:normal;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero" />
-    <path
-       id="path927"
-       style="mix-blend-mode:normal;fill:#009ddd;fill-opacity:1;fill-rule:nonzero"
-       d="m -175.90039,-1515.8633 v 256 h 469.3301 v -256 z" />
-    <path
-       id="path16513"
-       style="mix-blend-mode:normal;fill:#ff9833;fill-opacity:1;fill-rule:nonzero"
-       d="m 80.099609,-1217.1934 v 256.00004 H 293.42969 v -256.00004 z" />
-    <path
-       id="path16513-5"
-       style="mix-blend-mode:normal;fill:#accb01;fill-opacity:1;fill-rule:nonzero"
-       d="m -175.90039,-1217.1933 v 256 H 37.42969 v -256 z" />
-    <path
-       id="path24788"
-       style="mix-blend-mode:normal;fill:#0083c3;fill-opacity:1;fill-rule:nonzero"
-       d="m -431.90039,-1515.8633 v 554.66994 h 213.33008 v -554.66994 z" />
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1032" height="151.81" version="1.1" viewBox="0 0 1032 151.81" xmlns="http://www.w3.org/2000/svg">
+ <desc>electric_iron icon - Licensed under Iconfu Standard License v1.0 (https://www.iconfu.com/iconfu_standard_license) - Incors GmbH</desc>
+ <text x="1251.1022" y="1305.4956" fill="#000000" font-family="sans-serif" font-size="40px" style="line-height:1.25" xml:space="preserve"><tspan x="1251.1022" y="1305.4956"/></text>
+ <g transform="scale(.14825)" stroke-width="6.7454">
+  <g fill="#8f918f" aria-label="Qt Advanced Docking">
+   <path d="m1416.3 726.04q-93.219 0-148.72-61.942-55.196-61.942-55.196-160.99 0-105.18 56.729-168.35 57.035-63.475 155.47-63.475 88.926 0 143.82 61.022 55.196 60.715 55.196 159.45 0 109.16-56.422 171.72-17.479 19.625-38.944 32.811l106.71 81.26h-51.209l-83.1-66.848q-37.41 15.332-84.327 15.332zm3.0664-427.15q-76.66 0-126.34 55.502-49.369 55.502-49.369 145.35 0 90.766 46.916 144.74 46.916 53.662 125.11 53.662 81.567 0 129.1-53.049 47.53-53.356 47.53-148.41 0-93.219-46.61-145.35-46.303-52.436-126.34-52.436z"/>
+   <path d="m1826.9 714.08q-22.078 10.426-41.397 10.426-69.608 0-69.608-83.407v-210.97h-56.422v-25.758h56.422v-81.567q6.7461-2.4531 14.106-4.9063 7.3594-2.1465 14.106-4.5996v91.073h82.793v25.758h-82.793v207.29q0 32.504 10.119 47.223 10.426 14.412 34.957 14.412 17.479 0 37.717-11.346z"/>
+   <path d="m2353.7 718.37-50.289-136.76h-190.73l-50.289 136.76h-33.424l165.89-439.72h28.824l164.05 439.72zm-134.92-367.97q-3.373-9.1993-5.5195-18.092-2.1465-7.6661-4.5997-15.332h-1.2265q-5.2129 20.238-10.119 32.811l-73.901 203.92h169.57z"/>
+   <path d="m2679 718.37v-57.035h-1.2266q-15.332 29.744-45.383 47.223-30.051 17.479-67.768 17.479-57.955 0-94.752-42.317-36.49-42.317-36.49-116.83 0-76.047 39.864-122.96 40.17-47.223 103.95-47.223 70.528 0 100.58 57.955h1.2266v-201.16h28.211v464.87zm0-191.04q0-43.85-27.904-74.207-27.598-30.664-74.514-30.664-49.369 0-81.567 38.024-32.198 37.717-32.198 103.95 0 65.008 28.824 100.58 29.131 35.264 74.821 35.264 53.662 0 83.1-33.117 29.438-33.424 29.438-81.26z"/>
+   <path d="m2910.8 718.37h-25.758l-121.43-314h31.584l93.526 249.91q6.7462 18.092 9.5059 32.811h1.2266q3.9864-19.318 8.8926-31.584l96.592-251.14h30.664z"/>
+   <path d="m3280 718.37v-62.862h-1.2265q-15.026 32.197-43.85 51.516-28.518 19.012-63.475 19.012-44.77 0-70.834-25.145t-26.065-63.475q0-82.18 108.86-99.352l96.592-14.412q0-101.19-76.047-101.19-51.822 0-100.89 41.703v-34.037q17.479-13.799 47.223-23.611 30.051-9.8126 56.422-9.8126 48.449 0 74.821 30.051 26.678 30.051 26.678 87.393v204.22zm-86.473-156.39q-49.369 7.0528-69.301 22.998-19.932 15.639-19.932 51.209 0 27.904 18.398 45.996 18.705 18.092 51.822 18.092 45.383 0 75.434-33.424 30.051-33.731 30.051-86.78v-30.664z"/>
+   <path d="m3616.1 718.37v-182.76q0-113.15-81.567-113.15-45.383 0-74.514 33.424-29.131 33.117-29.131 82.18v180.31h-28.211v-314h28.211v57.035h1.2266q34.344-64.701 107.32-64.701 50.903 0 77.887 34.037 26.984 33.731 26.984 96.592v191.04z"/>
+   <path d="m3942.1 704.57q-34.957 21.465-83.407 21.465-64.088 0-103.34-43.85-39.25-44.156-39.25-115.3 0-74.821 44.156-122.35 44.156-47.836 113.46-47.836 35.877 0 69.608 14.719v31.891q-33.731-20.852-73.901-20.852-55.196 0-89.54 39.863-34.344 39.557-34.344 102.73 0 61.022 31.278 98.125 31.584 37.104 83.1 37.104 47.223 0 82.18-25.145z"/>
+   <path d="m4024.3 562.6q0 64.701 29.744 101.19 30.051 36.49 82.18 36.49 52.742 0 103.03-38.944v30.051q-48.756 34.651-108.86 34.651-60.715 0-98.126-43.543-37.41-43.543-37.41-122.96 0-68.688 38.944-115.6 39.25-47.223 101.81-47.223 58.569 0 89.846 41.09t31.278 112.23v12.572zm203-25.758q-1.8399-54.276-26.065-84.327-24.225-30.051-66.848-30.051-44.156 0-73.287 29.744-28.824 29.438-35.57 84.633z"/>
+   <path d="m4557.5 718.37v-57.035h-1.2266q-15.332 29.744-45.383 47.223-30.051 17.479-67.768 17.479-57.955 0-94.752-42.317-36.49-42.317-36.49-116.83 0-76.047 39.863-122.96 40.17-47.223 103.95-47.223 70.528 0 100.58 57.955h1.2266v-201.16h28.211v464.87zm0-191.04q0-43.85-27.904-74.207-27.598-30.664-74.514-30.664-49.369 0-81.567 38.024-32.197 37.717-32.197 103.95 0 65.008 28.824 100.58 29.131 35.264 74.821 35.264 53.662 0 83.1-33.117 29.438-33.424 29.438-81.26z"/>
+   <path d="m4864.5 718.37v-439.72h110.08q109.47 0 166.51 54.582 57.035 54.582 57.035 159.15 0 100.58-61.328 163.44-61.022 62.555-168.65 62.555zm30.358-411.82v384.22h68.994q97.819 0 150.25-50.596 52.436-50.903 52.436-146.57 0-187.05-196.56-187.05z"/>
+   <path d="m5407.5 726.04q-68.688 0-108.86-45.076-39.863-45.383-39.863-117.75 0-78.194 41.703-122.35 42.01-44.156 110.39-44.156 67.155 0 106.1 43.85 38.944 43.85 38.944 121.43 0 73.287-39.863 118.67-39.557 45.383-108.55 45.383zm2.1465-303.58q-55.502 0-88.62 37.41-32.811 37.41-32.811 103.95 0 61.635 32.197 99.045 32.197 37.41 88.006 37.41 56.729 0 87.393-36.797t30.664-102.11q0-67.155-30.664-103.03-30.358-35.877-86.166-35.877z"/>
+   <path d="m5837.1 704.57q-34.957 21.465-83.407 21.465-64.088 0-103.34-43.85-39.25-44.156-39.25-115.3 0-74.821 44.156-122.35 44.156-47.836 113.46-47.836 35.877 0 69.608 14.719v31.891q-33.731-20.852-73.901-20.852-55.196 0-89.54 39.863-34.344 39.557-34.344 102.73 0 61.022 31.278 98.125 31.584 37.104 83.1 37.104 47.223 0 82.18-25.145z"/>
+   <path d="m6092.2 718.37-150.25-155.16h-1.2266v155.16h-28.211v-464.87h28.211v299.59h1.2266l142.59-148.72h36.49l-149.03 152.09 160.99 161.91z"/>
+   <path d="m6205.1 325.26q-9.1992 0-16.252-6.7461-7.0528-6.7461-7.0528-17.172 0-10.119 7.0528-16.252 7.3594-6.4395 16.252-6.4395 9.506 0 16.559 6.1328 7.3594 6.1328 7.3594 16.559 0 9.8126-7.0527 16.865-7.0528 7.0528-16.865 7.0528zm-13.799 393.12v-314h28.211v314z"/>
+   <path d="m6533.5 718.37v-182.76q0-113.15-81.567-113.15-45.383 0-74.514 33.424-29.131 33.117-29.131 82.18v180.31h-28.211v-314h28.211v57.035h1.2265q34.344-64.701 107.32-64.701 50.902 0 77.887 34.037 26.984 33.731 26.984 96.592v191.04z"/>
+   <path d="m6907.3 695.07q0 88.62-38.637 129.71-38.637 41.09-120.2 41.09-45.383 0-93.526-23.918v-29.438q49.676 27.598 94.139 27.598 130.02 0 130.02-137.38v-40.783h-1.2266q-37.104 64.088-113.15 64.088-57.955 0-94.752-42.01-36.49-42.01-36.49-117.14t39.557-122.66q39.557-47.53 104.26-47.53 69.301 0 100.58 57.342h1.2266v-49.676h28.211zm-28.211-170.19q0-41.703-28.211-72.061-27.904-30.358-72.981-30.358-51.822 0-83.407 38.944-31.584 38.944-31.584 103.03 0 64.395 28.824 100.27 29.131 35.57 76.66 35.57 50.596 0 80.647-32.811 30.051-32.811 30.051-80.34z"/>
   </g>
+  <g transform="translate(581.23 1750.5)">
+   <path d="m191.64-726.53h-521.75c-138.69 0-251.12-112.43-251.12-251.12v-521.75c0-138.69 112.43-251.12 251.12-251.12h521.75c138.69 0 251.12 112.43 251.12 251.12v521.75c0 138.69-112.43 251.12-251.12 251.12z" fill="#e0e0e0" style="mix-blend-mode:normal"/>
+   <path d="m-175.9-1515.9v256h469.33v-256z" fill="#009ddd" style="mix-blend-mode:normal"/>
+   <path d="m80.1-1217.2v256h213.33v-256z" fill="#ff9833" style="mix-blend-mode:normal"/>
+   <path d="m-175.9-1217.2v256h213.33v-256z" fill="#accb01" style="mix-blend-mode:normal"/>
+   <path d="m-431.9-1515.9v554.67h213.33v-554.67z" fill="#0083c3" style="mix-blend-mode:normal"/>
+  </g>
+ </g>
 </svg>

doc/user-guide.md

@@ -11,7 +11,6 @@
   - [`TabCloseButtonIsToolButton`](#tabclosebuttonistoolbutton)
   - [`AllTabsHaveCloseButton`](#alltabshaveclosebutton)
   - [`RetainTabSizeWhenCloseButtonHidden`](#retaintabsizewhenclosebuttonhidden)
-  - [`OpaqueUndocking`](#opaqueundocking)
   - [`DragPreviewIsDynamic`](#dragpreviewisdynamic)
   - [`DragPreviewShowsContentPixmap`](#dragpreviewshowscontentpixmap)
   - [`DragPreviewHasWindowFrame`](#dragpreviewhaswindowframe)
@@ -28,6 +27,18 @@
   - [`FloatingContainerForceNativeTitleBar` (Linux only)](#floatingcontainerforcenativetitlebar-linux-only)
   - [`FloatingContainerForceQWidgetTitleBar` (Linux only)](#floatingcontainerforceqwidgettitlebar-linux-only)
   - [`MiddleMouseButtonClosesTab`](#middlemousebuttonclosestab)
+- [Auto-Hide Configuration Flags](#auto-hide-configuration-flags)
+  - [Auto Hide Dock Widgets](#auto-hide-dock-widgets)
+  - [Pinning Auto-Hide Widgets to a certain border](#pinning-auto-hide-widgets-to-a-certain-border)
+  - [Show / Hide Auto-Hide Widgets via Mouse Over](#show--hide-auto-hide-widgets-via-mouse-over)
+  - [Adding Auto Hide Widgets](#adding-auto-hide-widgets)
+  - [Setting Auto-Hide Flags](#setting-auto-hide-flags)
+  - [`AutoHideFeatureEnabled`](#autohidefeatureenabled)
+  - [`DockAreaHasAutoHideButton`](#dockareahasautohidebutton)
+  - [`AutoHideButtonTogglesArea`](#autohidebuttontogglesarea)
+  - [`AutoHideButtonCheckable`](#autohidebuttoncheckable)
+  - [`AutoHideSideBarsIconOnly`](#autohidesidebarsicononly)
+  - [`AutoHideShowOnMouseOver`](#autohideshowonmouseover)
 - [DockWidget Feature Flags](#dockwidget-feature-flags)
   - [`DockWidgetClosable`](#dockwidgetclosable)
   - [`DockWidgetMovable`](#dockwidgetmovable)
@@ -158,37 +169,6 @@ constant, that means, if enabled, the tabs need more space.
 
 ![AllTabsHaveCloseButton false](cfg_flag_RetainTabSizeWhenCloseButtonHidden_true.png)
 
-### `OpaqueUndocking`
-
-If this flag is set, opaque undocking is active. That means, as soon as you drag a dock widget or a dock area with a number of dock widgets it will be undocked and moved into a floating widget and then the floating widget will be dragged around. That means undocking will take place immediately. You can compare this with opaque splitter resizing.
-
-![OpaqueUndocking true](opaque_undocking.gif)
-
-If you would like to test opaque undocking, you should set the predefined config
-flags `CDockManager::DefaultOpaqueConfig`.
-
-```c++
-CDockManager::setConfigFlags(CDockManager::DefaultOpaqueConfig);
-```
-
-If this flag is cleared (default), then non-opaque undocking is active. In this mode, undocking is more like a standard drag and drop operation. That means, the dragged dock widget or dock area is not undocked immediatelly. Instead, a drag preview widget is created and dragged around to indicate the future position of the dock widget or dock area. The actual dock operation is only executed when the mouse button is released. That makes it possible, to cancel an active drag operation with the escape key.
-
-![OpaqueUndocking true](non_opaque_undocking.gif)
-
-The drag preview widget can be configured by a number of global dock manager flags:
-
-- `DragPreviewIsDynamic`
-- `DragPreviewShowsContentPixmap`
-- `DragPreviewHasWindowFrame`
-
-Non-opaque undocking is enabled by default. If you would like to enable it
-explicitely, you can do this by setting the predefined configuration flags
-`CDockManager::DefaultNonOpaqueConfig`.
-
-```c++
-CDockManager::setConfigFlags(CDockManager::DefaultNonOpaqueConfig);
-```
-
 ### `DragPreviewIsDynamic`
 
 If non-opaque undocking is enabled, this flag defines the behavior of the drag 
@@ -486,6 +466,129 @@ possible in various web browsers.
 
 ![MiddleMouseButtonClosesTab true](cfg_flag_MiddleMouseButtonClosesTab.gif)
 
+## Auto-Hide Configuration Flags
+
+### Auto Hide Dock Widgets
+
+The Advanced Docking System supports "Auto-Hide" functionality for **all**
+dock containers. The "Auto Hide" feature allows to display more information
+using less screen space by hiding or showing windows pinned to one of the 
+four dock container borders.
+
+Enabling this feature adds a button with a pin icon to each dock area.
+
+![DockAreaHasAutoHideButton true](cfg_flag_DockAreaHasAutoHideButton.png)
+
+By clicking this button, the current dock widget (or the complete area - depending on the
+configuration flags) will be pinned to a certain border. The border is choosen
+depending on the location of the dock area. If you click the pin button while
+holding down the **Ctrl** key, the whole dock area will be pinned to a certain
+border.
+
+### Pinning Auto-Hide Widgets to a certain border
+
+If you would like to pin a dock widget or a dock area to a certain border,
+then you can right-click into the dock widget tab or into the dock area title bar
+to show the context menu. Then you can select the location via the **Pin to** menu:
+
+![Pin to](AutoHide_PinTo.png)
+
+### Show / Hide Auto-Hide Widgets via Mouse Over
+
+Normally Auto-Hide widgets are shown by clicking the Auto-Hide tab and hidden by
+clicking the Auto-Hide tab again or by clicking into any other dock widget in
+the same container. If the Auto-Hide config flag `AutoHideShowOnMouseOver` is set,
+the Auto-Hide widget is shown, if the user hovers over the Auto-Hide tab and is
+collapsed if the mouse cursor leaves the Auto-Hide widget. Showing and hiding
+by mouse click still works if this feature is enabled.
+
+### Adding Auto Hide Widgets
+
+Adding an auto hide widget is similar to adding a dock widget, simply call
+`dockManager->addAutoHideDockWidget()`.
+
+```c++
+CDockManager::setAutoHideConfigFlags(CDockManager::DefaultAutoHideConfig);
+d->DockManager = new CDockManager(this);
+CDockWidget* TableDockWidget = new CDockWidget("Table 1");
+DockManager->addAutoHideDockWidget(SideBarLeft, TableDockWidget);
+```
+
+See `autohide` example or the demo application to learn how it works.
+
+### Setting Auto-Hide Flags
+
+The Advanced Docking System has a number of global configuration flags to
+configure the Auto-Hide functionality. You should set the Auto-Hide flags before
+creating the dock manager instance. That means, you should set the Auto-Hide
+flags after setting the configuration flags.
+
+```c++
+CDockManager::setConfigFlag(CDockManager::FocusHighlighting, true);
+CDockManager::setAutoHideConfigFlags(CDockManager::DefaultAutoHideConfig);
+CDockManager::setAutoHideConfigFlag(CDockManager::AutoHideShowOnMouseOver, true);
+...
+d->DockManager = new CDockManager(this);
+```
+
+If you set the Auto-Hide flags, you can set individual flags using the
+function `CDockManager::setAutoHideConfigFlag` or you can set all flags using
+the function `CDockManager::setAutoHideConfigFlags`. Instead of settings all
+flags individually, it is better to pick a predefined set of configuration
+flags and then modify individual flags. The following predefined
+configurations are available
+
+- `DefaultAutoHideConfig` - default auto hide config
+
+Pick one of those predefined configurations and then modify the following
+configurations flags to adjust the docking system to your needs.
+
+### `AutoHideFeatureEnabled`
+
+Enables / disables the Auto-Hide functionality. Only if this flag is enabled,
+the other Auto-Hide flags will be evaluated.
+
+### `DockAreaHasAutoHideButton`
+
+If this flag is set (default), then each dock area has a pin button in the title 
+bar to toggle Auto-Hide state.
+
+![DockAreaHasAutoHideButton true](cfg_flag_DockAreaHasAutoHideButton.png)
+
+### `AutoHideButtonTogglesArea`
+
+If set, the the pin button in the dock area title bar toggles the complete area.
+If not set (default), then the pin button toggles the current active tab / dock
+widget and pressing the **Ctrl** key while clicking the pin button toggles the
+complete ara.
+
+### `AutoHideButtonCheckable`
+
+Normally the pin button in the dock area title bar is not checkable. If this
+flag is set, then the button is checkable. That means, if button is checked,
+the dock widget is pinned.
+
+### `AutoHideSideBarsIconOnly`
+
+Normally the Auto-Hide tabs show the icon and title of the dock widget:
+
+![AutoHideSideBarsIconOnly false](cfg_flag_AutoHideSideBarsIconOnly_false.png)
+
+You can set this flag, if you would like to have only icons in the Auto-Hide
+tabs instead of icon and dock widget title. If this is set, the Auto-Hide tab
+needs less space. The tooltip of each tab still shows the dock widget title.
+
+![AutoHideSideBarsIconOnly true](cfg_flag_AutoHideSideBarsIconOnly_true.png)
+
+### `AutoHideShowOnMouseOver`
+
+Normally Auto-Hide widgets are shown by clicking the Auto-Hide tab and
+hidden by clicking the Auto-Hide tab again or by clicking into any other
+dock widget in the same container. If this flag is set, the Auto-Hide widget
+is shown, if the user hovers over the Auto-Hide tab or if the users moves the
+mouse outside of the Auto-Hide widget. Showing and hiding my mouse click still
+works if this feature is enabled.
+
 ## DockWidget Feature Flags
 
 ### `DockWidgetClosable`
@@ -496,10 +599,7 @@ If set, the dock widget will have a close button.
 
 If a dock widget is movable, then it and can be moved to a new position in the
 current dock container. Disable this flag to prevent moving of a dock widget
-via mouse. If the `OpaqueUndocking` configuration flag is set, then dock widgets
-are immediately undocked into floating widgets. That means, moving is only
-possible in this case, if the dock widget is also floatable (feature flag
-`DockWidgetFloatable` is set).
+via mouse.
 
 ### `DockWidgetFloatable`
 

examples/CMakeLists.txt

@@ -5,5 +5,6 @@ add_subdirectory(hideshow)
 add_subdirectory(sidebar)
 add_subdirectory(deleteonclose)
 add_subdirectory(centralwidget)
+add_subdirectory(autohide)
 add_subdirectory(emptydockarea)
 add_subdirectory(dockindock)

examples/autohide/CMakeLists.txt

@@ -0,0 +1,28 @@
+cmake_minimum_required(VERSION 3.5)
+project(ads_example_autohide VERSION ${VERSION_SHORT}) 
+find_package(QT NAMES Qt6 Qt5 COMPONENTS Core REQUIRED)
+find_package(Qt${QT_VERSION_MAJOR} 5.5 COMPONENTS Core Gui Widgets REQUIRED)
+set(CMAKE_INCLUDE_CURRENT_DIR ON)
+add_executable(AutoHideExample WIN32 
+    main.cpp
+    mainwindow.cpp
+    mainwindow.ui
+)
+target_include_directories(AutoHideExample PRIVATE "${CMAKE_CURRENT_SOURCE_DIR}/../../src")
+target_link_libraries(AutoHideExample PRIVATE qtadvanceddocking)
+target_link_libraries(AutoHideExample PUBLIC Qt${QT_VERSION_MAJOR}::Core 
+                                                  Qt${QT_VERSION_MAJOR}::Gui 
+                                                  Qt${QT_VERSION_MAJOR}::Widgets)
+set_target_properties(AutoHideExample PROPERTIES 
+    AUTOMOC ON
+    AUTORCC ON
+    AUTOUIC ON
+    CXX_STANDARD 14
+    CXX_STANDARD_REQUIRED ON
+    CXX_EXTENSIONS OFF
+    VERSION ${VERSION_SHORT}
+    EXPORT_NAME "Qt Advanced Docking System Auto Hide Example"
+    ARCHIVE_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/${ads_PlatformDir}/lib"
+    LIBRARY_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/${ads_PlatformDir}/lib"
+    RUNTIME_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/${ads_PlatformDir}/bin"
+)

examples/autohide/autohide.pro

@@ -0,0 +1,34 @@
+ADS_OUT_ROOT = $${OUT_PWD}/../..
+
+QT       += core gui widgets
+
+TARGET = AutoHideExample
+DESTDIR = $${ADS_OUT_ROOT}/lib
+TEMPLATE = app
+CONFIG += c++14
+CONFIG += debug_and_release
+adsBuildStatic {
+    DEFINES += ADS_STATIC
+}
+
+# The following define makes your compiler emit warnings if you use
+# any Qt feature that has been marked deprecated (the exact warnings
+# depend on your compiler). Please consult the documentation of the
+# deprecated API in order to know how to port your code away from it.
+DEFINES += QT_DEPRECATED_WARNINGS
+
+SOURCES += \
+    main.cpp \
+    mainwindow.cpp
+
+HEADERS += \
+    mainwindow.h
+    
+FORMS += \
+    mainwindow.ui
+
+LIBS += -L$${ADS_OUT_ROOT}/lib
+include(../../ads.pri)
+INCLUDEPATH += ../../src
+DEPENDPATH += ../../src
+

examples/autohide/main.cpp

@@ -0,0 +1,10 @@
+#include <mainwindow.h>
+#include <QApplication>
+
+int main(int argc, char *argv[])
+{
+    QApplication a(argc, argv);
+    CMainWindow w;
+    w.show();
+    return a.exec();
+}

examples/autohide/main.py

@@ -0,0 +1,106 @@
+import os
+import sys
+
+from PyQt5 import uic
+from PyQt5.QtCore import Qt, QTimer, QDir, QSignalBlocker
+from PyQt5.QtGui import QCloseEvent, QIcon
+from PyQt5.QtWidgets import (QApplication, QLabel, QCalendarWidget, QFrame, QTreeView,
+                             QTableWidget, QFileSystemModel, QPlainTextEdit, QToolBar,
+                             QWidgetAction, QComboBox, QAction, QSizePolicy, QInputDialog)
+
+from PyQtAds import QtAds
+
+UI_FILE = os.path.join(os.path.dirname(__file__), 'mainwindow.ui')
+MainWindowUI, MainWindowBase = uic.loadUiType(UI_FILE)
+    
+class MainWindow(MainWindowUI, MainWindowBase):
+
+    def __init__(self, parent=None):
+        super().__init__(parent)
+
+        self.setupUi(self)
+ 
+        QtAds.CDockManager.setConfigFlag(QtAds.CDockManager.OpaqueSplitterResize, True)
+        QtAds.CDockManager.setConfigFlag(QtAds.CDockManager.XmlCompressionEnabled, False)
+        QtAds.CDockManager.setConfigFlag(QtAds.CDockManager.FocusHighlighting, True)
+        self.dock_manager = QtAds.CDockManager(self)
+        
+        # Set central widget
+        text_edit = QPlainTextEdit()
+        text_edit.setPlaceholderText("This is the central editor. Enter your text here.")
+        central_dock_widget = QtAds.CDockWidget("CentralWidget")
+        central_dock_widget.setWidget(text_edit)
+        central_dock_area = self.dock_manager.setCentralWidget(central_dock_widget)
+        central_dock_area.setAllowedAreas(QtAds.DockWidgetArea.OuterDockAreas)
+        
+        # create other dock widgets
+        table = QTableWidget()
+        table.setColumnCount(3)
+        table.setRowCount(10)
+        table_dock_widget = QtAds.CDockWidget("Table 1")
+        table_dock_widget.setWidget(table)
+        table_dock_widget.setMinimumSizeHintMode(QtAds.CDockWidget.MinimumSizeHintFromDockWidget)
+        table_dock_widget.resize(250, 150)
+        table_dock_widget.setMinimumSize(200, 150)
+        table_area = self.dock_manager.addDockWidget(QtAds.DockWidgetArea.LeftDockWidgetArea, table_dock_widget)
+        self.menuView.addAction(table_dock_widget.toggleViewAction())
+        
+        table = QTableWidget()
+        table.setColumnCount(5)
+        table.setRowCount(1020)
+        table_dock_widget = QtAds.CDockWidget("Table 2")
+        table_dock_widget.setWidget(table)
+        table_dock_widget.setMinimumSizeHintMode(QtAds.CDockWidget.MinimumSizeHintFromDockWidget)
+        table_dock_widget.resize(250, 150)
+        table_dock_widget.setMinimumSize(200, 150)
+        table_area = self.dock_manager.addDockWidget(QtAds.DockWidgetArea.BottomDockWidgetArea, table_dock_widget, table_area)
+        self.menuView.addAction(table_dock_widget.toggleViewAction())
+
+        properties_table = QTableWidget()
+        properties_table.setColumnCount(3)
+        properties_table.setRowCount(10)
+        properties_dock_widget = QtAds.CDockWidget("Properties")
+        properties_dock_widget.setWidget(properties_table)
+        properties_dock_widget.setMinimumSizeHintMode(QtAds.CDockWidget.MinimumSizeHintFromDockWidget)
+        properties_dock_widget.resize(250, 150)
+        properties_dock_widget.setMinimumSize(200, 150)
+        self.dock_manager.addDockWidget(QtAds.DockWidgetArea.RightDockWidgetArea, properties_dock_widget, central_dock_area)
+        self.menuView.addAction(properties_dock_widget.toggleViewAction())
+        
+        self.create_perspective_ui()
+        
+    def create_perspective_ui(self):
+        save_perspective_action = QAction("Create Perspective", self)
+        save_perspective_action.triggered.connect(self.save_perspective)
+        perspective_list_action = QWidgetAction(self)
+        self.perspective_combobox = QComboBox(self)
+        self.perspective_combobox.setSizeAdjustPolicy(QComboBox.AdjustToContents)
+        self.perspective_combobox.setSizePolicy(QSizePolicy.Preferred, QSizePolicy.Preferred)
+        self.perspective_combobox.activated[str].connect(self.dock_manager.openPerspective)
+        perspective_list_action.setDefaultWidget(self.perspective_combobox)
+        self.toolBar.addSeparator()
+        self.toolBar.addAction(perspective_list_action)
+        self.toolBar.addAction(save_perspective_action)
+        
+    def save_perspective(self):
+        perspective_name, ok = QInputDialog.getText(self, "Save Perspective", "Enter Unique name:")
+        if not ok or not perspective_name:
+            return
+        
+        self.dock_manager.addPerspective(perspective_name)
+        blocker = QSignalBlocker(self.perspective_combobox)
+        self.perspective_combobox.clear()
+        self.perspective_combobox.addItems(self.dock_manager.perspectiveNames())
+        self.perspective_combobox.setCurrentText(perspective_name)
+        
+    def closeEvent(self, event: QCloseEvent):
+        self.dock_manager.deleteLater()
+        super().closeEvent(event)
+
+
+if __name__ == '__main__':
+    app = QApplication(sys.argv)
+    
+    w = MainWindow()
+    w.show()
+    app.exec_()

examples/autohide/mainwindow.cpp

@@ -0,0 +1,126 @@
+#include "mainwindow.h"
+
+#include "ui_mainwindow.h"
+
+#include <QWidgetAction>
+#include <QFileSystemModel>
+#include <QTableWidget>
+#include <QHBoxLayout>
+#include <QInputDialog>
+#include <QFileDialog>
+#include <QSettings>
+#include <QPlainTextEdit>
+#include <QToolBar>
+
+#include "AutoHideDockContainer.h"
+#include "DockAreaWidget.h"
+#include "DockAreaTitleBar.h"
+
+using namespace ads;
+
+
+CMainWindow::CMainWindow(QWidget *parent)
+    : QMainWindow(parent)
+    , ui(new Ui::CMainWindow)
+{
+    ui->setupUi(this);
+    CDockManager::setConfigFlag(CDockManager::OpaqueSplitterResize, true);
+    CDockManager::setConfigFlag(CDockManager::XmlCompressionEnabled, false);
+    CDockManager::setConfigFlag(CDockManager::FocusHighlighting, true);
+    CDockManager::setAutoHideConfigFlags(CDockManager::DefaultAutoHideConfig);
+    DockManager = new CDockManager(this);
+
+    // Set central widget
+    QPlainTextEdit* w = new QPlainTextEdit();
+	w->setPlaceholderText("This is the central editor. Enter your text here.");
+    CDockWidget* CentralDockWidget = new CDockWidget("CentralWidget");
+    CentralDockWidget->setWidget(w);
+    auto* CentralDockArea = DockManager->setCentralWidget(CentralDockWidget);
+    CentralDockArea->setAllowedAreas(DockWidgetArea::OuterDockAreas);
+
+    // create other dock widgets
+    QTableWidget* table = new QTableWidget();
+    table->setColumnCount(3);
+    table->setRowCount(10);
+    CDockWidget* TableDockWidget = new CDockWidget("Table 1");
+    TableDockWidget->setWidget(table);
+    TableDockWidget->setMinimumSizeHintMode(CDockWidget::MinimumSizeHintFromDockWidget);
+    TableDockWidget->setMinimumSize(200,150);
+    const auto autoHideContainer = DockManager->addAutoHideDockWidget(SideBarLocation::SideBarLeft, TableDockWidget);
+    autoHideContainer->setSize(480);
+    ui->menuView->addAction(TableDockWidget->toggleViewAction());
+
+    table = new QTableWidget();
+    table->setColumnCount(5);
+    table->setRowCount(1020);
+    TableDockWidget = new CDockWidget("Table 2");
+    TableDockWidget->setWidget(table);
+    TableDockWidget->setMinimumSizeHintMode(CDockWidget::MinimumSizeHintFromDockWidget);
+    TableDockWidget->resize(250, 150);
+    TableDockWidget->setMinimumSize(200,150);
+    DockManager->addAutoHideDockWidget(SideBarLocation::SideBarLeft, TableDockWidget);
+    ui->menuView->addAction(TableDockWidget->toggleViewAction());
+
+    QTableWidget* propertiesTable = new QTableWidget();
+    propertiesTable->setColumnCount(3);
+    propertiesTable->setRowCount(10);
+    CDockWidget* PropertiesDockWidget = new CDockWidget("Properties");
+    PropertiesDockWidget->setWidget(propertiesTable);
+    PropertiesDockWidget->setMinimumSizeHintMode(CDockWidget::MinimumSizeHintFromDockWidget);
+    PropertiesDockWidget->resize(250, 150);
+    PropertiesDockWidget->setMinimumSize(200,150);
+    DockManager->addDockWidget(DockWidgetArea::RightDockWidgetArea, PropertiesDockWidget, CentralDockArea);
+    ui->menuView->addAction(PropertiesDockWidget->toggleViewAction());
+
+    createPerspectiveUi();
+}
+
+CMainWindow::~CMainWindow()
+{
+    delete ui;
+}
+
+
+void CMainWindow::createPerspectiveUi()
+{
+	SavePerspectiveAction = new QAction("Create Perspective", this);
+	connect(SavePerspectiveAction, SIGNAL(triggered()), SLOT(savePerspective()));
+	PerspectiveListAction = new QWidgetAction(this);
+	PerspectiveComboBox = new QComboBox(this);
+	PerspectiveComboBox->setSizeAdjustPolicy(QComboBox::AdjustToContents);
+	PerspectiveComboBox->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
+	connect(PerspectiveComboBox, SIGNAL(currentTextChanged(const QString&)),
+		DockManager, SLOT(openPerspective(const QString&)));
+	PerspectiveListAction->setDefaultWidget(PerspectiveComboBox);
+	ui->toolBar->addSeparator();
+	ui->toolBar->addAction(PerspectiveListAction);
+	ui->toolBar->addAction(SavePerspectiveAction);
+}
+
+
+void CMainWindow::savePerspective()
+{
+	QString PerspectiveName = QInputDialog::getText(this, "Save Perspective", "Enter unique name:");
+	if (PerspectiveName.isEmpty())
+	{
+		return;
+	}
+
+	DockManager->addPerspective(PerspectiveName);
+	QSignalBlocker Blocker(PerspectiveComboBox);
+	PerspectiveComboBox->clear();
+	PerspectiveComboBox->addItems(DockManager->perspectiveNames());
+	PerspectiveComboBox->setCurrentText(PerspectiveName);
+}
+
+
+//============================================================================
+void CMainWindow::closeEvent(QCloseEvent* event)
+{
+    // Delete dock manager here to delete all floating widgets. This ensures
+    // that all top level windows of the dock manager are properly closed
+    DockManager->deleteLater();
+	QMainWindow::closeEvent(event);
+}
+
+

examples/autohide/mainwindow.h

@@ -0,0 +1,43 @@
+#ifndef MAINWINDOW_H
+#define MAINWINDOW_H
+
+#include <QMainWindow>
+#include <QComboBox>
+#include <QWidgetAction>
+
+#include "DockManager.h"
+#include "DockAreaWidget.h"
+#include "DockWidget.h"
+
+QT_BEGIN_NAMESPACE
+namespace Ui { class CMainWindow; }
+QT_END_NAMESPACE
+
+class CMainWindow : public QMainWindow
+{
+    Q_OBJECT
+
+public:
+    CMainWindow(QWidget *parent = nullptr);
+    ~CMainWindow();
+
+protected:
+	virtual void closeEvent(QCloseEvent* event) override;
+
+private:
+	QAction* SavePerspectiveAction = nullptr;
+	QWidgetAction* PerspectiveListAction = nullptr;
+	QComboBox* PerspectiveComboBox = nullptr;
+
+    Ui::CMainWindow *ui;
+
+    ads::CDockManager* DockManager;
+    ads::CDockAreaWidget* StatusDockArea;
+    ads::CDockWidget* TimelineDockWidget;
+
+    void createPerspectiveUi();
+
+private slots:
+	void savePerspective();
+};
+#endif // MAINWINDOW_H

examples/autohide/mainwindow.ui

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>CMainWindow</class>
+ <widget class="QMainWindow" name="CMainWindow">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>1284</width>
+    <height>757</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>MainWindow</string>
+  </property>
+  <widget class="QWidget" name="centralwidget"/>
+  <widget class="QMenuBar" name="menubar">
+   <property name="geometry">
+    <rect>
+     <x>0</x>
+     <y>0</y>
+     <width>1284</width>
+     <height>21</height>
+    </rect>
+   </property>
+   <widget class="QMenu" name="menuView">
+    <property name="title">
+     <string>View</string>
+    </property>
+   </widget>
+   <addaction name="menuView"/>
+  </widget>
+  <widget class="QToolBar" name="toolBar">
+   <property name="windowTitle">
+    <string>toolBar</string>
+   </property>
+   <attribute name="toolBarArea">
+    <enum>TopToolBarArea</enum>
+   </attribute>
+   <attribute name="toolBarBreak">
+    <bool>false</bool>
+   </attribute>
+  </widget>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>

examples/centralwidget/mainwindow.cpp

@@ -96,7 +96,7 @@ void CMainWindow::createPerspectiveUi()
 	PerspectiveComboBox = new QComboBox(this);
 	PerspectiveComboBox->setSizeAdjustPolicy(QComboBox::AdjustToContents);
 	PerspectiveComboBox->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
-	connect(PerspectiveComboBox, SIGNAL(activated(const QString&)),
+	connect(PerspectiveComboBox, SIGNAL(currentTextChanged(const QString&)),
 		DockManager, SLOT(openPerspective(const QString&)));
 	PerspectiveListAction->setDefaultWidget(PerspectiveComboBox);
 	ui->toolBar->addSeparator();

examples/examples.pro

@@ -1,6 +1,7 @@
 TEMPLATE = subdirs
 
 SUBDIRS = \
+    autohide \
     centralwidget \
 	simple \
 	hideshow \

examples/hideshow/MainWindow.cpp

@@ -5,6 +5,8 @@
 #include <QLabel>
 #include <QPushButton>
 
+using namespace ads;
+
 MainWindow::MainWindow(QWidget *parent) :
     QMainWindow(parent),
     ui(new Ui::MainWindow)

persist/perspectives.ini

@@ -0,0 +1,2 @@
+[Perspectives]
+size=0

src/AutoHideDockContainer.cpp

@@ -0,0 +1,647 @@
+/*******************************************************************************
+** Qt Advanced Docking System
+** Copyright (C) 2017 Uwe Kindler
+**
+** This library is free software; you can redistribute it and/or
+** modify it under the terms of the GNU Lesser General Public
+** License as published by the Free Software Foundation; either
+** version 2.1 of the License, or (at your option) any later version.
+**
+** This library is distributed in the hope that it will be useful,
+** but WITHOUT ANY WARRANTY; without even the implied warranty of
+** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+** Lesser General Public License for more details.
+**
+** You should have received a copy of the GNU Lesser General Public
+** License along with this library; If not, see <http://www.gnu.org/licenses/>.
+******************************************************************************/
+
+
+//============================================================================
+/// \file   AutoHideDockContainer.cpp
+/// \author Syarif Fakhri
+/// \date   05.09.2022
+/// \brief  Implementation of CAutoHideDockContainer class
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "AutoHideDockContainer.h"
+
+#include <QXmlStreamWriter>
+#include <QBoxLayout>
+#include <QPainter>
+#include <QSplitter>
+#include <QPointer>
+#include <QApplication>
+#include <QCursor>
+
+#include "DockManager.h"
+#include "DockAreaWidget.h"
+#include "ResizeHandle.h"
+#include "DockComponentsFactory.h"
+#include "AutoHideSideBar.h"
+#include "AutoHideTab.h"
+
+
+#include <iostream>
+
+namespace ads
+{
+static const int ResizeMargin = 30;
+
+//============================================================================
+bool static isHorizontalArea(SideBarLocation Area)
+{
+	switch (Area)
+	{
+	case SideBarLocation::SideBarTop:
+	case SideBarLocation::SideBarBottom: return true;
+	case SideBarLocation::SideBarLeft:
+	case SideBarLocation::SideBarRight: return false;
+	default:
+		return true;
+	}
+
+	return true;
+}
+
+
+//============================================================================
+Qt::Edge static edgeFromSideTabBarArea(SideBarLocation Area)
+{
+	switch (Area)
+	{
+	case SideBarLocation::SideBarTop: return Qt::BottomEdge;
+	case SideBarLocation::SideBarBottom: return Qt::TopEdge;
+	case SideBarLocation::SideBarLeft: return Qt::RightEdge;
+	case SideBarLocation::SideBarRight: return Qt::LeftEdge;
+	default:
+		return Qt::LeftEdge;
+	}
+
+	return Qt::LeftEdge;
+}
+
+
+//============================================================================
+int resizeHandleLayoutPosition(SideBarLocation Area)
+{
+	switch (Area)
+	{
+	case SideBarLocation::SideBarBottom:
+	case SideBarLocation::SideBarRight: return 0;
+
+	case SideBarLocation::SideBarTop:
+	case SideBarLocation::SideBarLeft: return 1;
+
+	default:
+		return 0;
+	}
+
+	return 0;
+}
+
+
+/**
+ * Private data of CAutoHideDockContainer - pimpl
+ */
+struct AutoHideDockContainerPrivate
+{
+    CAutoHideDockContainer* _this;
+	CDockAreaWidget* DockArea{nullptr};
+	CDockWidget* DockWidget{nullptr};
+	SideBarLocation SideTabBarArea = SideBarNone;
+	QBoxLayout* Layout = nullptr;
+	CResizeHandle* ResizeHandle = nullptr;
+	QSize Size; // creates invalid size
+	QPointer<CAutoHideTab> SideTab;
+
+	/**
+	 * Private data constructor
+	 */
+	AutoHideDockContainerPrivate(CAutoHideDockContainer *_public);
+
+	/**
+	 * Convenience function to get a dock widget area
+	 */
+	DockWidgetArea getDockWidgetArea(SideBarLocation area)
+	{
+        switch (area)
+        {
+            case SideBarLocation::SideBarLeft: return LeftDockWidgetArea;
+            case SideBarLocation::SideBarRight: return RightDockWidgetArea;
+            case SideBarLocation::SideBarBottom: return BottomDockWidgetArea;
+            case SideBarLocation::SideBarTop: return TopDockWidgetArea;
+            default:
+            	return LeftDockWidgetArea;
+        }
+
+		return LeftDockWidgetArea;
+	}
+
+	/**
+	 * Update the resize limit of the resize handle
+	 */
+	void updateResizeHandleSizeLimitMax()
+	{
+		auto Rect = _this->dockContainer()->contentRect();
+		const auto maxResizeHandleSize = ResizeHandle->orientation() == Qt::Horizontal
+			? Rect.width() : Rect.height();
+		ResizeHandle->setMaxResizeSize(maxResizeHandleSize - ResizeMargin);
+	}
+
+	/**
+	 * Convenience function to check, if this is an horizontal area
+	 */
+	bool isHorizontal() const
+	{
+		return isHorizontalArea(SideTabBarArea);
+	}
+
+	/**
+	 * Forward this event to the dock container
+	 */
+	void forwardEventToDockContainer(QEvent* event)
+	{
+		auto DockContainer = _this->dockContainer();
+		if (DockContainer)
+		{
+			DockContainer->handleAutoHideWidgetEvent(event, _this);
+		}
+	}
+
+}; // struct AutoHideDockContainerPrivate
+
+
+//============================================================================
+AutoHideDockContainerPrivate::AutoHideDockContainerPrivate(
+    CAutoHideDockContainer *_public) :
+	_this(_public)
+{
+
+}
+
+
+//============================================================================
+CDockContainerWidget* CAutoHideDockContainer::dockContainer() const
+{
+	return internal::findParent<CDockContainerWidget*>(this);
+}
+
+
+//============================================================================
+CAutoHideDockContainer::CAutoHideDockContainer(CDockWidget* DockWidget, SideBarLocation area, CDockContainerWidget* parent) :
+	Super(parent),
+    d(new AutoHideDockContainerPrivate(this))
+{
+	hide(); // auto hide dock container is initially always hidden
+	d->SideTabBarArea = area;
+	d->SideTab = componentsFactory()->createDockWidgetSideTab(nullptr);
+	connect(d->SideTab, &CAutoHideTab::pressed, this, &CAutoHideDockContainer::toggleCollapseState);
+	d->DockArea = new CDockAreaWidget(DockWidget->dockManager(), parent);
+	d->DockArea->setObjectName("autoHideDockArea");
+	d->DockArea->setAutoHideDockContainer(this);
+
+	setObjectName("autoHideDockContainer");
+
+	d->Layout = new QBoxLayout(isHorizontalArea(area) ? QBoxLayout::TopToBottom : QBoxLayout::LeftToRight);
+	d->Layout->setContentsMargins(0, 0, 0, 0);
+	d->Layout->setSpacing(0);
+	setLayout(d->Layout);
+	d->ResizeHandle = new CResizeHandle(edgeFromSideTabBarArea(area), this);
+	d->ResizeHandle->setMinResizeSize(64);
+	bool OpaqueResize = CDockManager::testConfigFlag(CDockManager::OpaqueSplitterResize);
+	d->ResizeHandle->setOpaqueResize(OpaqueResize);
+	d->Size = d->DockArea->size();
+
+	addDockWidget(DockWidget);
+	parent->registerAutoHideWidget(this);
+	// The dock area should not be added to the layout before it contains the
+	// dock widget. If you add it to the layout before it contains the dock widget
+	// then you will likely see this warning for OpenGL widgets or QAxWidgets:
+	// setGeometry: Unable to set geometry XxY+Width+Height on QWidgetWindow/'WidgetClassWindow
+	d->Layout->addWidget(d->DockArea);
+	d->Layout->insertWidget(resizeHandleLayoutPosition(area), d->ResizeHandle);
+}
+
+
+//============================================================================
+void CAutoHideDockContainer::updateSize()
+{
+	auto dockContainerParent = dockContainer();
+	if (!dockContainerParent)
+	{
+		return;
+	}
+
+	auto rect = dockContainerParent->contentRect();
+
+	switch (sideBarLocation())
+	{
+	case SideBarLocation::SideBarTop:
+		 resize(rect.width(), qMin(rect.height()  - ResizeMargin, d->Size.height()));
+		 move(rect.topLeft());
+		 break;
+
+	case SideBarLocation::SideBarLeft:
+		 resize(qMin(d->Size.width(), rect.width() - ResizeMargin), rect.height());
+		 move(rect.topLeft());
+		 break;
+
+	case SideBarLocation::SideBarRight:
+		 {
+			 resize(qMin(d->Size.width(), rect.width() - ResizeMargin), rect.height());
+			 QPoint p = rect.topRight();
+			 p.rx() -= (width() - 1);
+			 move(p);
+		 }
+		 break;
+
+	case SideBarLocation::SideBarBottom:
+		 {
+			 resize(rect.width(), qMin(rect.height() - ResizeMargin, d->Size.height()));
+			 QPoint p = rect.bottomLeft();
+			 p.ry() -= (height() - 1);
+			 move(p);
+		 }
+		 break;
+
+	default:
+		break;
+	}
+}
+
+//============================================================================
+CAutoHideDockContainer::~CAutoHideDockContainer()
+{
+	ADS_PRINT("~CAutoHideDockContainer");
+
+	// Remove event filter in case there are any queued messages
+	qApp->removeEventFilter(this);
+	if (dockContainer())
+	{
+		dockContainer()->removeAutoHideWidget(this);
+	}
+
+	if (d->SideTab)
+	{
+		delete d->SideTab;
+	}
+
+	delete d;
+}
+
+//============================================================================
+CAutoHideSideBar* CAutoHideDockContainer::sideBar() const
+{
+	if (d->SideTab)
+	{
+		return d->SideTab->sideBar();
+	}
+	else
+	{
+		auto DockContainer = dockContainer();
+		return DockContainer ? DockContainer->sideTabBar(d->SideTabBarArea) : nullptr;
+	}
+}
+
+
+//============================================================================
+CAutoHideTab* CAutoHideDockContainer::autoHideTab() const
+{
+	return d->SideTab;
+}
+
+
+//============================================================================
+CDockWidget* CAutoHideDockContainer::dockWidget() const
+{
+	return d->DockWidget;
+}
+
+//============================================================================
+void CAutoHideDockContainer::addDockWidget(CDockWidget* DockWidget)
+{
+	if (d->DockWidget)
+	{
+		// Remove the old dock widget at this area
+        d->DockArea->removeDockWidget(d->DockWidget);
+	}
+
+	d->DockWidget = DockWidget;
+	d->SideTab->setDockWidget(DockWidget);
+    CDockAreaWidget* OldDockArea = DockWidget->dockAreaWidget();
+    auto IsRestoringState = DockWidget->dockManager()->isRestoringState();
+    if (OldDockArea && !IsRestoringState)
+    {
+		// The initial size should be a little bit bigger than the original dock
+		// area size to prevent that the resize handle of this auto hid dock area
+		// is near of the splitter of the old dock area.
+		d->Size = OldDockArea->size() + QSize(16, 16);
+        OldDockArea->removeDockWidget(DockWidget);
+    }
+	d->DockArea->addDockWidget(DockWidget);
+	updateSize();
+}
+
+
+//============================================================================
+SideBarLocation CAutoHideDockContainer::sideBarLocation() const
+{
+	return d->SideTabBarArea;
+}
+
+
+//============================================================================
+void CAutoHideDockContainer::setSideBarLocation(SideBarLocation SideBarLocation)
+{
+	if (d->SideTabBarArea == SideBarLocation)
+	{
+		return;
+	}
+
+	d->SideTabBarArea = SideBarLocation;
+	d->Layout->removeWidget(d->ResizeHandle);
+	d->Layout->setDirection(isHorizontalArea(SideBarLocation) ? QBoxLayout::TopToBottom : QBoxLayout::LeftToRight);
+	d->Layout->insertWidget(resizeHandleLayoutPosition(SideBarLocation), d->ResizeHandle);
+	d->ResizeHandle->setHandlePosition(edgeFromSideTabBarArea(SideBarLocation));
+    internal::repolishStyle(this, internal::RepolishDirectChildren);
+}
+
+
+//============================================================================
+CDockAreaWidget* CAutoHideDockContainer::dockAreaWidget() const
+{
+	return d->DockArea;
+}
+
+//============================================================================
+void CAutoHideDockContainer::moveContentsToParent()
+{
+	cleanupAndDelete();
+	// If we unpin the auto hide dock widget, then we insert it into the same
+	// location like it had as a auto hide widget.  This brings the least surprise
+	// to the user and he does not have to search where the widget was inserted.
+	d->DockWidget->setDockArea(nullptr);
+	auto DockContainer = dockContainer();
+	DockContainer->addDockWidget(d->getDockWidgetArea(d->SideTabBarArea), d->DockWidget);
+}
+
+
+//============================================================================
+void CAutoHideDockContainer::cleanupAndDelete()
+{
+	const auto dockWidget = d->DockWidget;
+	if (dockWidget)
+	{
+
+		auto SideTab = d->SideTab;
+        SideTab->removeFromSideBar();
+        SideTab->setParent(nullptr);
+        SideTab->hide();
+	}
+
+	hide();
+	deleteLater();
+}
+
+
+//============================================================================
+void CAutoHideDockContainer::saveState(QXmlStreamWriter& s)
+{
+	s.writeStartElement("Widget");
+	s.writeAttribute("Name", d->DockWidget->objectName());
+	s.writeAttribute("Closed", QString::number(d->DockWidget->isClosed() ? 1 : 0));
+    s.writeAttribute("Size", QString::number(d->isHorizontal() ? d->Size.height() : d->Size.width()));
+	s.writeEndElement();
+}
+
+
+//============================================================================
+void CAutoHideDockContainer::toggleView(bool Enable)
+{
+	if (Enable)
+	{
+        if (d->SideTab)
+        {
+            d->SideTab->show();
+        }
+	}
+	else
+	{
+        if (d->SideTab)
+        {
+            d->SideTab->hide();
+        }
+        hide();
+        qApp->removeEventFilter(this);
+	}
+}
+
+
+//============================================================================
+void CAutoHideDockContainer::collapseView(bool Enable)
+{
+	if (Enable)
+	{
+		hide();
+		qApp->removeEventFilter(this);
+	}
+	else
+	{
+		updateSize();
+		d->updateResizeHandleSizeLimitMax();
+		raise();
+		show();
+		d->DockWidget->dockManager()->setDockWidgetFocused(d->DockWidget);
+		qApp->installEventFilter(this);
+	}
+
+	ADS_PRINT("CAutoHideDockContainer::collapseView " << Enable);
+    d->SideTab->updateStyle();
+}
+
+
+//============================================================================
+void CAutoHideDockContainer::toggleCollapseState()
+{
+	collapseView(isVisible());
+}
+
+
+//============================================================================
+void CAutoHideDockContainer::setSize(int Size)
+{
+	if (d->isHorizontal())
+	{
+		d->Size.setHeight(Size);
+	}
+	else
+	{
+		d->Size.setWidth(Size);
+	}
+
+	updateSize();
+}
+
+
+//============================================================================
+/**
+ * Returns true if the object given in ancestor is an ancestor of the object
+ * given in descendant
+ */
+static bool objectIsAncestorOf(const QObject* descendant, const QObject* ancestor)
+{
+    if (!ancestor)
+    {
+        return false;
+    }
+    while (descendant)
+    {
+        if (descendant == ancestor)
+        {
+            return true;
+        }
+        descendant = descendant->parent();
+    }
+    return false;
+}
+
+
+//============================================================================
+/**
+ * Returns true if the object given in ancestor is the object given in descendant
+ * or if it is an ancestor of the object given in descendant
+ */
+static bool isObjectOrAncestor(const QObject *descendant, const QObject *ancestor)
+{
+	if (ancestor && (descendant == ancestor))
+	{
+		return true;
+	}
+	else
+	{
+		return objectIsAncestorOf(descendant, ancestor);
+	}
+}
+
+
+//============================================================================
+bool CAutoHideDockContainer::eventFilter(QObject* watched, QEvent* event)
+{
+	// A switch case statement would be nicer here, but we cannot use
+	// internal::FloatingWidgetDragStartEvent in a switch case
+    if (event->type() == QEvent::Resize)
+	{
+		if (!d->ResizeHandle->isResizing())
+		{
+			updateSize();
+		}
+	}
+	else if (event->type() == QEvent::MouseButtonPress)
+	{
+		auto widget = qobject_cast<QWidget*>(watched);
+		// Ignore non widget events
+		if (!widget)
+		{
+			return Super::eventFilter(watched, event);
+		}
+
+		// Now check, if the user clicked into the side tab and ignore this event,
+		// because the side tab click handler will call collapseView(). If we
+		// do not ignore this here, then we will collapse the container and the side tab
+		// click handler will uncollapse it
+		if (widget == d->SideTab.data())
+		{
+			return Super::eventFilter(watched, event);
+		}
+
+		// Now we check, if the user clicked inside of this auto hide container.
+		// If the click is inside of this auto hide container, then we can
+		// ignore the event, because the auto hide overlay should not get collapsed if
+		// user works in it
+		if (isObjectOrAncestor(widget, this))
+		{
+			return Super::eventFilter(watched, event);
+		}
+
+		// Ignore the mouse click if it is not inside of this container
+		if (!isObjectOrAncestor(widget, dockContainer()))
+		{
+			return Super::eventFilter(watched, event);
+		}
+
+		// user clicked into container - collapse the auto hide widget
+		collapseView(true);
+	}
+    else if (event->type() == internal::FloatingWidgetDragStartEvent)
+    {
+    	// If we are dragging our own floating widget, the we do not need to
+    	// collapse the view
+    	auto FloatingWidget = dockContainer()->floatingWidget();
+    	if (FloatingWidget != watched)
+    	{
+    		collapseView(true);
+    	}
+    }
+    else if (event->type() == internal::DockedWidgetDragStartEvent)
+    {
+    	collapseView(true);
+    }
+
+	return Super::eventFilter(watched, event);
+}
+
+
+//============================================================================
+void CAutoHideDockContainer::resizeEvent(QResizeEvent* event)
+{
+    Super::resizeEvent(event);
+	if (d->ResizeHandle->isResizing())
+	{
+        d->Size = this->size();
+		d->updateResizeHandleSizeLimitMax();
+	}
+}
+
+
+//============================================================================
+void CAutoHideDockContainer::leaveEvent(QEvent *event)
+{
+	// Resizing of the dock container via the resize handle in non opaque mode
+	// mays cause a leave event that is not really a leave event. Therefore
+	// we check here, if we are really outside of our rect.
+	auto pos = mapFromGlobal(QCursor::pos());
+	if (!rect().contains(pos))
+	{
+		d->forwardEventToDockContainer(event);
+	}
+	Super::leaveEvent(event);
+}
+
+
+//============================================================================
+bool CAutoHideDockContainer::event(QEvent* event)
+{
+	switch (event->type())
+	{
+	case QEvent::Enter:
+	case QEvent::Hide:
+		 d->forwardEventToDockContainer(event);
+		 break;
+
+	case QEvent::MouseButtonPress:
+		 return true;
+		 break;
+
+	default:
+		break;
+	}
+
+	return Super::event(event);
+}
+
+}
+

src/AutoHideDockContainer.h

@@ -0,0 +1,173 @@
+#ifndef AutoHideDockContainerH
+#define AutoHideDockContainerH
+/*******************************************************************************
+** Qt Advanced Docking System
+** Copyright (C) 2017 Uwe Kindler
+**
+** This library is free software; you can redistribute it and/or
+** modify it under the terms of the GNU Lesser General Public
+** License as published by the Free Software Foundation; either
+** version 2.1 of the License, or (at your option) any later version.
+**
+** This library is distributed in the hope that it will be useful,
+** but WITHOUT ANY WARRANTY; without even the implied warranty of
+** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+** Lesser General Public License for more details.
+**
+** You should have received a copy of the GNU Lesser General Public
+** License along with this library; If not, see <http://www.gnu.org/licenses/>.
+******************************************************************************/
+
+
+//============================================================================
+/// \file   AutoHideDockContainer.h
+/// \author Syarif Fakhri
+/// \date   05.09.2022
+/// \brief  Declaration of CAutoHideDockContainer class
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "ads_globals.h"
+
+#include <QSplitter>
+#include "AutoHideTab.h"
+
+class QXmlStreamWriter;
+
+namespace ads
+{
+struct AutoHideDockContainerPrivate;
+class CDockManager;
+class CDockWidget;
+class CDockContainerWidget;
+class CAutoHideSideBar;
+class CDockAreaWidget;
+class CDockingStateReader;
+struct SideTabBarPrivate;
+
+/**
+ * Auto hide container for hosting an auto hide dock widget
+ */
+class ADS_EXPORT CAutoHideDockContainer : public QFrame
+{
+	Q_OBJECT
+    Q_PROPERTY(int sideBarLocation READ sideBarLocation)
+private:
+	AutoHideDockContainerPrivate* d; ///< private data (pimpl)
+	friend struct AutoHideDockContainerPrivate;
+	friend CAutoHideSideBar;
+	friend SideTabBarPrivate;
+
+protected:
+	virtual bool eventFilter(QObject* watched, QEvent* event) override;
+	virtual void resizeEvent(QResizeEvent* event) override;
+	virtual void leaveEvent(QEvent *event) override;
+	virtual bool event(QEvent* event) override;
+
+	/**
+	 * Updates the size considering the size limits and the resize margins
+	 */
+	void updateSize();
+
+	/*
+	 * Saves the state and size
+	 */
+	void saveState(QXmlStreamWriter& Stream);
+
+public:
+	using Super = QFrame;
+
+    /**
+	 * Create Auto Hide widget with the given dock widget
+	 */
+	CAutoHideDockContainer(CDockWidget* DockWidget, SideBarLocation area,
+		CDockContainerWidget* parent);
+
+	/**
+	 * Virtual Destructor
+	 */
+	virtual ~CAutoHideDockContainer();
+
+	/**
+	 * Get's the side tab bar
+	 */
+	CAutoHideSideBar* sideBar() const;
+
+	/**
+	 * Returns the side tab
+	 */
+	CAutoHideTab* autoHideTab() const;
+
+	/**
+	 * Get's the dock widget in this dock container
+	 */
+	CDockWidget* dockWidget() const;
+
+	/**
+	 * Adds a dock widget and removes the previous dock widget
+	 */
+	void addDockWidget(CDockWidget* DockWidget);
+
+    /**
+	 * Returns the side tab bar area of this Auto Hide dock container
+	 */
+	SideBarLocation sideBarLocation() const;
+
+	/**
+	 * Sets a new SideBarLocation.
+	 * If a new side bar location is set, the auto hide dock container needs
+	 * to update its resize handle position
+	 */
+	void setSideBarLocation(SideBarLocation SideBarLocation);
+
+	/**
+	 * Returns the dock area widget of this Auto Hide dock container
+	 */
+	CDockAreaWidget* dockAreaWidget() const;
+
+	/**
+	 * Returns the parent container that hosts this auto hide container
+	 */
+	CDockContainerWidget* dockContainer() const;
+
+	/**
+	 * Moves the contents to the parent container widget
+	 * Used before removing this Auto Hide dock container 
+	 */
+    void moveContentsToParent();
+
+	/**
+	 * Cleanups up the side tab widget and then deletes itself
+	 */
+	void cleanupAndDelete();
+
+	/*
+	 * Toggles the auto Hide dock container widget
+	 * This will also hide the side tab widget
+	 */
+	void toggleView(bool Enable);
+
+	/*
+	 * Collapses the auto hide dock container widget
+	 * Does not hide the side tab widget
+	 */
+	void collapseView(bool Enable);
+
+	/**
+	 * Toggles the current collapse state
+	 */
+	void toggleCollapseState();
+
+	/**
+	 * Use this instead of resize.
+	 * Depending on the sidebar location this will set the width or heigth
+	 * of this auto hide container.
+	 */
+	void setSize(int Size);
+};
+} // namespace ads
+
+//-----------------------------------------------------------------------------
+#endif

src/AutoHideSideBar.cpp

@@ -0,0 +1,396 @@
+/*******************************************************************************
+** Qt Advanced Docking System
+** Copyright (C) 2017 Uwe Kindler
+**
+** This library is free software; you can redistribute it and/or
+** modify it under the terms of the GNU Lesser General Public
+** License as published by the Free Software Foundation; either
+** version 2.1 of the License, or (at your option) any later version.
+**
+** This library is distributed in the hope that it will be useful,
+** but WITHOUT ANY WARRANTY; without even the implied warranty of
+** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+** Lesser General Public License for more details.
+**
+** You should have received a copy of the GNU Lesser General Public
+** License along with this library; If not, see <http://www.gnu.org/licenses/>.
+******************************************************************************/
+
+
+//============================================================================
+/// \file   AutoHideSideBar.cpp
+/// \author Syarif Fakhri
+/// \date   05.09.2022
+/// \brief  Implementation of CAutoHideSideBar class
+//============================================================================
+
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "AutoHideSideBar.h"
+
+#include <QBoxLayout>
+#include <QStyleOption>
+#include <QPainter>
+#include <QXmlStreamWriter>
+
+#include "DockContainerWidget.h"
+#include "DockWidgetTab.h"
+#include "DockFocusController.h"
+#include "AutoHideDockContainer.h"
+#include "DockAreaWidget.h"
+#include "DockingStateReader.h"
+#include "AutoHideTab.h"
+
+namespace ads
+{
+class CTabsWidget;
+
+/**
+ * Private data class of CSideTabBar class (pimpl)
+ */
+struct AutoHideSideBarPrivate
+{
+	/**
+	 * Private data constructor
+	 */
+	AutoHideSideBarPrivate(CAutoHideSideBar* _public);
+
+    CAutoHideSideBar* _this;
+    CDockContainerWidget* ContainerWidget;
+    CTabsWidget* TabsContainerWidget;
+    QBoxLayout* TabsLayout;
+    Qt::Orientation Orientation;
+    SideBarLocation SideTabArea = SideBarLocation::SideBarLeft;
+
+    /**
+     * Convenience function to check if this is a horizontal side bar
+     */
+    bool isHorizontal() const
+    {
+    	return Qt::Horizontal == Orientation;
+    }
+
+    /**
+     * Called from viewport to forward event handling to this
+     */
+    void handleViewportEvent(QEvent* e);
+}; // struct AutoHideSideBarPrivate
+
+
+/**
+ * This widget stores the tab buttons
+ */
+class CTabsWidget : public QWidget
+{
+public:
+	using QWidget::QWidget;
+	using Super = QWidget;
+	AutoHideSideBarPrivate* EventHandler;
+
+	/**
+	 * Returns the size hint as minimum size hint
+	 */
+	virtual QSize minimumSizeHint() const override
+	{
+		return Super::sizeHint();
+	}
+
+	/**
+	 * Forward event handling to EventHandler
+	 */
+	virtual bool event(QEvent* e) override
+	{
+		EventHandler->handleViewportEvent(e);
+		return Super::event(e);
+	}
+};
+
+
+//============================================================================
+AutoHideSideBarPrivate::AutoHideSideBarPrivate(CAutoHideSideBar* _public) :
+    _this(_public)
+{
+}
+
+
+//============================================================================
+void AutoHideSideBarPrivate::handleViewportEvent(QEvent* e)
+{
+	switch (e->type())
+	{
+	case QEvent::ChildRemoved:
+		if (TabsLayout->isEmpty())
+		{
+			_this->hide();
+		}
+		break;
+
+	case QEvent::Resize:
+		if (_this->tabCount())
+		{
+			auto ev = static_cast<QResizeEvent*>(e);
+			auto Tab = _this->tabAt(0);
+			int Size = isHorizontal() ? ev->size().height() : ev->size().width();
+			int TabSize = isHorizontal() ? Tab->size().height() : Tab->size().width();
+			// If the size of the side bar is less than the size of the first tab
+			// then there are no visible tabs in this side bar. This check will
+			// fail if someone will force a very big border via CSS!!
+			if (Size < TabSize)
+			{
+				_this->hide();
+			}
+		}
+		else
+		{
+			_this->hide();
+		}
+		break;
+
+	default:
+		break;
+	}
+}
+
+
+//============================================================================
+CAutoHideSideBar::CAutoHideSideBar(CDockContainerWidget* parent, SideBarLocation area) :
+    Super(parent),
+    d(new AutoHideSideBarPrivate(this))
+{
+	d->SideTabArea = area;
+    d->ContainerWidget = parent;
+    d->Orientation = (area == SideBarLocation::SideBarBottom || area == SideBarLocation::SideBarTop)
+    	? Qt::Horizontal : Qt::Vertical;
+
+	setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
+	setFrameStyle(QFrame::NoFrame);
+	setWidgetResizable(true);
+	setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
+	setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
+
+	d->TabsContainerWidget = new CTabsWidget();
+	d->TabsContainerWidget->EventHandler = d;
+	d->TabsContainerWidget->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
+	d->TabsContainerWidget->setObjectName("sideTabsContainerWidget");
+
+
+    d->TabsLayout = new QBoxLayout(d->Orientation == Qt::Vertical ? QBoxLayout::TopToBottom : QBoxLayout::LeftToRight);
+    d->TabsLayout->setContentsMargins(0, 0, 0, 0);
+    d->TabsLayout->setSpacing(12);
+    d->TabsLayout->addStretch(1);
+    d->TabsContainerWidget->setLayout(d->TabsLayout);
+	setWidget(d->TabsContainerWidget);
+
+    setFocusPolicy(Qt::NoFocus);
+	if (d->isHorizontal())
+	{
+		setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
+	}
+	else
+	{
+		setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Expanding);
+	}
+
+	hide();
+}
+
+
+//============================================================================
+CAutoHideSideBar::~CAutoHideSideBar() 
+{
+	ADS_PRINT("~CSideTabBar()");
+	// The SideTabeBar is not the owner of the tabs and to prevent deletion
+	// we set the parent here to nullptr to remove it from the children
+	auto Tabs = findChildren<CAutoHideTab*>(QString(), Qt::FindDirectChildrenOnly);
+	for (auto Tab : Tabs)
+	{
+		Tab->setParent(nullptr);
+	}
+	delete d;
+}
+
+
+//============================================================================
+void CAutoHideSideBar::insertTab(int Index, CAutoHideTab* SideTab)
+{
+    SideTab->setSideBar(this);
+	SideTab->installEventFilter(this);
+    if (Index < 0)
+    {
+    	d->TabsLayout->insertWidget(d->TabsLayout->count() - 1, SideTab);
+    }
+    else
+    {
+    	d->TabsLayout->insertWidget(Index, SideTab);
+    }
+    show();
+}
+
+
+//============================================================================
+CAutoHideDockContainer* CAutoHideSideBar::insertDockWidget(int Index, CDockWidget* DockWidget)
+{
+	auto AutoHideContainer = new CAutoHideDockContainer(DockWidget, d->SideTabArea, d->ContainerWidget);
+	DockWidget->dockManager()->dockFocusController()->clearDockWidgetFocus(DockWidget);
+	auto Tab = AutoHideContainer->autoHideTab();
+	DockWidget->setSideTabWidget(Tab);
+	insertTab(Index, Tab);
+	return AutoHideContainer;
+}
+
+
+//============================================================================
+void CAutoHideSideBar::removeAutoHideWidget(CAutoHideDockContainer* AutoHideWidget)
+{
+	AutoHideWidget->autoHideTab()->removeFromSideBar();
+	auto DockContainer = AutoHideWidget->dockContainer();
+	if (DockContainer)
+	{
+		DockContainer->removeAutoHideWidget(AutoHideWidget);
+	}
+	AutoHideWidget->setParent(nullptr);
+}
+
+//============================================================================
+void CAutoHideSideBar::addAutoHideWidget(CAutoHideDockContainer* AutoHideWidget)
+{
+	auto SideBar = AutoHideWidget->autoHideTab()->sideBar();
+	if (SideBar == this)
+	{
+		return;
+	}
+
+	if (SideBar)
+	{
+		SideBar->removeAutoHideWidget(AutoHideWidget);
+	}
+	AutoHideWidget->setParent(d->ContainerWidget);
+	AutoHideWidget->setSideBarLocation(d->SideTabArea);
+	d->ContainerWidget->registerAutoHideWidget(AutoHideWidget);
+	insertTab(-1, AutoHideWidget->autoHideTab());
+}
+
+
+//============================================================================
+void CAutoHideSideBar::removeTab(CAutoHideTab* SideTab)
+{
+	SideTab->removeEventFilter(this);
+    d->TabsLayout->removeWidget(SideTab);
+    if (d->TabsLayout->isEmpty())
+    {
+    	hide();
+    }
+}
+
+
+//============================================================================
+bool CAutoHideSideBar::eventFilter(QObject *watched, QEvent *event)
+{
+	if (event->type() != QEvent::ShowToParent)
+	{
+		return false;
+	}
+
+	// As soon as on tab is shown, we need to show the side tab bar
+	auto Tab = qobject_cast<CAutoHideTab*>(watched);
+	if (Tab)
+	{
+		show();
+	}
+	return false;
+}
+
+//============================================================================
+Qt::Orientation CAutoHideSideBar::orientation() const
+{
+    return d->Orientation;
+}
+
+
+//============================================================================
+CAutoHideTab* CAutoHideSideBar::tabAt(int index) const
+{
+    return qobject_cast<CAutoHideTab*>(d->TabsLayout->itemAt(index)->widget());
+}
+
+
+//============================================================================
+int CAutoHideSideBar::tabCount() const
+{
+    return d->TabsLayout->count() - 1;
+}
+
+
+//============================================================================
+SideBarLocation CAutoHideSideBar::sideBarLocation() const
+{
+	return d->SideTabArea;
+}
+
+
+//============================================================================
+void CAutoHideSideBar::saveState(QXmlStreamWriter& s) const
+{
+	if (!tabCount())
+	{
+		return;
+	}
+
+	s.writeStartElement("SideBar");
+	s.writeAttribute("Area", QString::number(sideBarLocation()));
+	s.writeAttribute("Tabs", QString::number(tabCount()));
+
+	for (auto i = 0; i < tabCount(); ++i)
+	{
+		auto Tab = tabAt(i);
+		if (!Tab)
+		{
+			continue;
+		}
+
+		Tab->dockWidget()->autoHideDockContainer()->saveState(s);
+	}
+
+	s.writeEndElement();
+}
+
+//===========================================================================
+QSize CAutoHideSideBar::minimumSizeHint() const
+{
+	QSize Size = sizeHint();
+	Size.setWidth(10);
+	return Size;
+}
+
+
+//===========================================================================
+QSize CAutoHideSideBar::sizeHint() const
+{
+	return d->TabsContainerWidget->sizeHint();
+}
+
+
+//===========================================================================
+int CAutoHideSideBar::spacing() const
+{
+	return d->TabsLayout->spacing();
+}
+
+
+//===========================================================================
+void CAutoHideSideBar::setSpacing(int Spacing)
+{
+	d->TabsLayout->setSpacing(Spacing);
+}
+
+
+//===========================================================================
+CDockContainerWidget* CAutoHideSideBar::dockContainer() const
+{
+	return d->ContainerWidget;
+}
+
+} // namespace ads
+

src/AutoHideSideBar.h

@@ -0,0 +1,174 @@
+#ifndef AutoHideSideBarH
+#define AutoHideSideBarH
+/*******************************************************************************
+** Qt Advanced Docking System
+** Copyright (C) 2017 Uwe Kindler
+**
+** This library is free software; you can redistribute it and/or
+** modify it under the terms of the GNU Lesser General Public
+** License as published by the Free Software Foundation; either
+** version 2.1 of the License, or (at your option) any later version.
+**
+** This library is distributed in the hope that it will be useful,
+** but WITHOUT ANY WARRANTY; without even the implied warranty of
+** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+** Lesser General Public License for more details.
+**
+** You should have received a copy of the GNU Lesser General Public
+** License along with this library; If not, see <http://www.gnu.org/licenses/>.
+******************************************************************************/
+
+
+//============================================================================
+/// \file   AutoHideSideBar.h
+/// \author Syarif Fakhri
+/// \date   05.09.2022
+/// \brief  Declaration of CAutoHideSideBar class
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include <QScrollArea>
+#include "ads_globals.h"
+#include "AutoHideTab.h"
+
+class QXmlStreamWriter;
+
+namespace ads
+{
+struct AutoHideSideBarPrivate;
+class DockContainerWidgetPrivate;
+class CDockContainerWidget;
+class CAutoHideTab;
+class CAutoHideDockContainer;
+class CDockingStateReader;
+
+/**
+ * Side tab bar widget that is shown at the edges of a dock container.
+ * The tab bar is only visible, if it contains visible content, that means if
+ * it contains visible tabs. If it is empty or all tabs are hidden, then the
+ * side bar is also hidden. As soon as one single tab becomes visible, this
+ * tab bar will be shown.
+ * The CAutoHideSideBar uses a QScrollArea here, to enable proper resizing.
+ * If the side bar contains many tabs, then the tabs are simply clipped - this
+ * is the same like in visual studio
+ */
+class ADS_EXPORT CAutoHideSideBar : public QScrollArea
+{
+    Q_OBJECT
+    Q_PROPERTY(int sideBarLocation READ sideBarLocation)
+    Q_PROPERTY(Qt::Orientation orientation READ orientation)
+    Q_PROPERTY(int spacing READ spacing WRITE setSpacing)
+
+private:
+    AutoHideSideBarPrivate* d; ///< private data (pimpl)
+	friend struct AutoHideSideBarPrivate;
+	friend class DockWidgetSideTab;
+	friend DockContainerWidgetPrivate;
+	friend CDockContainerWidget;
+
+protected:
+	virtual bool eventFilter(QObject *watched, QEvent *event) override;
+
+	/**
+	 * Saves the state into the given stream
+	 */
+	void saveState(QXmlStreamWriter& Stream) const;
+
+	/**
+	 * Inserts the given dock widget tab at the given position.
+	 * An Index value of -1 appends the side tab at the end.
+	 */
+	void insertTab(int Index, CAutoHideTab* SideTab);
+
+public:
+    using Super = QScrollArea;
+
+	/**
+	 * Default Constructor
+	 */
+    CAutoHideSideBar(CDockContainerWidget* parent, SideBarLocation area);
+
+	/**
+	 * Virtual Destructor
+	 */
+	virtual ~CAutoHideSideBar();
+
+	/**
+	 * Removes the given DockWidgetSideTab from the tabbar
+	 */
+	void removeTab(CAutoHideTab* SideTab);
+
+	/**
+	 * Insert dock widget into the side bar.
+	 * The function creates the auto hide dock container, inserts the
+	 * auto hide tab
+	 */
+	CAutoHideDockContainer* insertDockWidget(int Index, CDockWidget* DockWidget);
+
+	/**
+	 * Removes the auto hide widget from this side bar
+	 */
+	void removeAutoHideWidget(CAutoHideDockContainer* AutoHideWidget);
+
+	/**
+	 * Adds the given AutoHideWidget to this sidebar.
+	 * If the AutoHideWidget is in another sidebar, then it will be removed
+	 * from this sidebar.
+	 */
+	void addAutoHideWidget(CAutoHideDockContainer* AutoHideWidget);
+
+	/**
+	 * Returns orientation of side tab.
+	 */
+	Qt::Orientation orientation() const;
+
+	/*
+	 * get the side tab widget at position, returns nullptr if it's out of bounds
+	 */
+	CAutoHideTab* tabAt(int index) const;
+
+	/*
+	 * Gets the count of the tab widgets
+	 */
+	int tabCount() const;
+
+	/**
+	 * Getter for side tab bar area property
+	 */
+	SideBarLocation sideBarLocation() const;
+
+	/**
+	 * Overrides the minimumSizeHint() function of QScrollArea
+	 * The minimumSizeHint() is bigger than the sizeHint () for the scroll
+	 * area because even if the scrollbars are invisible, the required speace
+	 * is reserved in the minimumSizeHint(). This override simply returns
+	 * sizeHint();
+	 */
+	virtual QSize minimumSizeHint() const override;
+
+	/**
+	 * The function provides a sizeHint that matches the height of the
+	 * internal viewport.
+	 */
+	virtual QSize sizeHint() const override;
+
+	/**
+	 * Getter for spacing property - returns the spacing of the tabs
+	 */
+	int spacing() const;
+
+	/**
+	 * Setter for spacing property - sets the spacing
+	 */
+	void setSpacing(int Spacing);
+
+	/**
+	 * Returns the dock container that hosts this sideBar()
+	 */
+	CDockContainerWidget* dockContainer() const;
+};
+} // namespace ads
+//-----------------------------------------------------------------------------
+#endif

src/AutoHideTab.cpp

@@ -0,0 +1,281 @@
+/*******************************************************************************
+** Qt Advanced Docking System
+** Copyright (C) 2017 Uwe Kindler
+**
+** This library is free software; you can redistribute it and/or
+** modify it under the terms of the GNU Lesser General Public
+** License as published by the Free Software Foundation; either
+** version 2.1 of the License, or (at your option) any later version.
+**
+** This library is distributed in the hope that it will be useful,
+** but WITHOUT ANY WARRANTY; without even the implied warranty of
+** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+** Lesser General Public License for more details.
+**
+** You should have received a copy of the GNU Lesser General Public
+** License along with this library; If not, see <http://www.gnu.org/licenses/>.
+******************************************************************************/
+
+
+//============================================================================
+/// \file   AutoHideTab.cpp
+/// \author Syarif Fakhri
+/// \date   05.09.2022
+/// \brief  Implementation of CAutoHideTab class
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "AutoHideTab.h"
+
+#include <QBoxLayout>
+#include <QApplication>
+#include <QElapsedTimer>
+
+#include "AutoHideDockContainer.h"
+#include "AutoHideSideBar.h"
+#include "DockAreaWidget.h"
+#include "DockManager.h"
+#include "DockWidget.h"
+
+namespace ads
+{
+/**
+ * Private data class of CDockWidgetTab class (pimpl)
+ */
+struct AutoHideTabPrivate
+{
+    CAutoHideTab* _this;
+    CDockWidget* DockWidget = nullptr;
+    CAutoHideSideBar* SideBar = nullptr;
+	Qt::Orientation Orientation{Qt::Vertical};
+	QElapsedTimer TimeSinceHoverMousePress;
+
+	/**
+	 * Private data constructor
+	 */
+	AutoHideTabPrivate(CAutoHideTab* _public);
+
+	/**
+	 * Update the orientation, visibility and spacing based on the area of
+	 * the side bar
+	 */
+	void updateOrientation();
+
+	/**
+	 * Convenience function to ease dock container access
+	 */
+	CDockContainerWidget* dockContainer() const
+	{
+		return DockWidget ? DockWidget->dockContainer() : nullptr;
+	}
+
+	/**
+	 * Forward this event to the dock container
+	 */
+	void forwardEventToDockContainer(QEvent* event)
+	{
+		auto DockContainer = dockContainer();
+		if (DockContainer)
+		{
+			DockContainer->handleAutoHideWidgetEvent(event, _this);
+		}
+	}
+}; // struct DockWidgetTabPrivate
+
+
+//============================================================================
+AutoHideTabPrivate::AutoHideTabPrivate(CAutoHideTab* _public) :
+	_this(_public)
+{
+
+}
+
+
+//============================================================================
+void AutoHideTabPrivate::updateOrientation()
+{
+	bool IconOnly = CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideSideBarsIconOnly);
+	if (IconOnly && !_this->icon().isNull())
+	{
+		_this->setText("");
+		_this->setOrientation(Qt::Horizontal);
+	}
+	else
+	{
+		auto area = SideBar->sideBarLocation();
+		_this->setOrientation((area == SideBarBottom || area == SideBarTop) ? Qt::Horizontal : Qt::Vertical);
+	}
+}
+
+
+//============================================================================
+void CAutoHideTab::setSideBar(CAutoHideSideBar* SideTabBar)
+{
+	d->SideBar = SideTabBar;
+	if (d->SideBar)
+	{
+		d->updateOrientation();
+	}
+}
+
+
+//============================================================================
+CAutoHideSideBar* CAutoHideTab::sideBar() const
+{
+	return d->SideBar;
+}
+
+
+//============================================================================
+void CAutoHideTab::removeFromSideBar()
+{
+	if (d->SideBar == nullptr)
+	{
+		return;
+	}
+	d->SideBar->removeTab(this);
+    setSideBar(nullptr);
+}
+
+//============================================================================
+CAutoHideTab::CAutoHideTab(QWidget* parent) :
+	CPushButton(parent),
+	d(new AutoHideTabPrivate(this))
+{
+	setAttribute(Qt::WA_NoMousePropagation);
+	setFocusPolicy(Qt::NoFocus);
+}
+
+
+//============================================================================
+CAutoHideTab::~CAutoHideTab()
+{
+	ADS_PRINT("~CDockWidgetSideTab()");
+	delete d;
+}
+
+
+//============================================================================
+void CAutoHideTab::updateStyle()
+{
+    internal::repolishStyle(this, internal::RepolishDirectChildren);
+	update();
+}
+
+
+//============================================================================
+SideBarLocation CAutoHideTab::sideBarLocation() const
+{
+    if (d->SideBar)
+	{
+        return d->SideBar->sideBarLocation();
+	}
+
+	return SideBarLeft;
+}
+
+
+//============================================================================
+void CAutoHideTab::setOrientation(Qt::Orientation Orientation)
+{
+	d->Orientation = Orientation;
+	if (orientation() == Qt::Horizontal)
+	{
+		setSizePolicy(QSizePolicy::Minimum, QSizePolicy::Fixed);
+	}
+	else
+	{
+		setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Minimum);
+	}
+	CPushButton::setButtonOrientation((Qt::Horizontal == Orientation)
+		? CPushButton::Horizontal : CPushButton::VerticalTopToBottom);
+	updateStyle();
+}
+
+
+//============================================================================
+Qt::Orientation CAutoHideTab::orientation() const
+{
+	return d->Orientation;
+}
+
+
+//============================================================================
+bool CAutoHideTab::isActiveTab() const
+{
+	if (d->DockWidget && d->DockWidget->autoHideDockContainer())
+	{
+		return d->DockWidget->autoHideDockContainer()->isVisible();
+	}
+
+	return false;
+}
+
+
+//============================================================================
+CDockWidget* CAutoHideTab::dockWidget() const
+{
+	return d->DockWidget;
+}
+
+
+//============================================================================
+void CAutoHideTab::setDockWidget(CDockWidget* DockWidget)
+{
+	if (!DockWidget)
+	{
+		return;
+	}
+	d->DockWidget = DockWidget;
+	setText(DockWidget->windowTitle());
+	setIcon(d->DockWidget->icon());
+	setToolTip(DockWidget->windowTitle());
+}
+
+
+//============================================================================
+bool CAutoHideTab::event(QEvent* event)
+{
+	if (!CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideShowOnMouseOver))
+	{
+		return Super::event(event);
+	}
+
+	switch (event->type())
+	{
+	case QEvent::Enter:
+	case QEvent::Leave:
+		 d->forwardEventToDockContainer(event);
+		 break;
+
+	case QEvent::MouseButtonPress:
+		 // If AutoHideShowOnMouseOver is active, then the showing is triggered
+		 // by a MousePressEvent sent to this tab. To prevent accidental hiding
+		 // of the tab by a mouse click, we wait at least 500 ms before we accept
+		 // the mouse click
+		 if (!event->spontaneous())
+		 {
+			 d->TimeSinceHoverMousePress.restart();
+			 d->forwardEventToDockContainer(event);
+		 }
+		 else if (d->TimeSinceHoverMousePress.hasExpired(500))
+		 {
+			 d->forwardEventToDockContainer(event);
+		 }
+		 break;
+
+	default:
+		break;
+	}
+	return Super::event(event);
+}
+
+//============================================================================
+bool CAutoHideTab::iconOnly() const
+{
+	return CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideSideBarsIconOnly) && !icon().isNull();
+}
+
+}

src/AutoHideTab.h

@@ -0,0 +1,141 @@
+#ifndef AutoHideTabH
+#define AutoHideTabH
+/*******************************************************************************
+** Qt Advanced Docking System
+** Copyright (C) 2017 Uwe Kindler
+**
+** This library is free software; you can redistribute it and/or
+** modify it under the terms of the GNU Lesser General Public
+** License as published by the Free Software Foundation; either
+** version 2.1 of the License, or (at your option) any later version.
+**
+** This library is distributed in the hope that it will be useful,
+** but WITHOUT ANY WARRANTY; without even the implied warranty of
+** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+** Lesser General Public License for more details.
+**
+** You should have received a copy of the GNU Lesser General Public
+** License along with this library; If not, see <http://www.gnu.org/licenses/>.
+******************************************************************************/
+
+
+//============================================================================
+/// \file   AutoHideTab.h
+/// \author Syarif Fakhri
+/// \date   05.09.2022
+/// \brief  Declaration of CAutoHideTab class
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "PushButton.h"
+
+#include "ads_globals.h"
+
+namespace ads
+{
+struct AutoHideTabPrivate;
+class CDockWidget;
+class CAutoHideSideBar;
+class CDockWidgetTab;
+class DockContainerWidgetPrivate;
+
+/**
+ * A dock widget Side tab that shows a title or an icon.
+ * The dock widget tab is shown in the side tab bar to switch between
+ * pinned dock widgets
+ */
+class ADS_EXPORT CAutoHideTab : public CPushButton
+{
+    Q_OBJECT
+
+    Q_PROPERTY(int sideBarLocation READ sideBarLocation)
+    Q_PROPERTY(Qt::Orientation orientation READ orientation)
+	Q_PROPERTY(bool activeTab READ isActiveTab)
+	Q_PROPERTY(bool iconOnly READ iconOnly)
+
+private:    
+	AutoHideTabPrivate* d; ///< private data (pimpl)
+    friend struct AutoHideTabPrivate;
+	friend class CDockWidget;
+	friend class CAutoHideDockContainer;
+	friend class CAutoHideSideBar;
+	friend class CDockAreaWidget;
+	friend class CDockContainerWidget;
+	friend DockContainerWidgetPrivate;
+
+
+protected:
+	void setSideBar(CAutoHideSideBar *SideTabBar);
+	void removeFromSideBar();
+	virtual bool event(QEvent* event) override;
+
+public:
+    using Super = CPushButton;
+
+	/**
+	 * Default Constructor
+	 * param[in] DockWidget The dock widget this title bar belongs to
+	 * param[in] parent The parent widget of this title bar
+	 */
+	CAutoHideTab(QWidget* parent = nullptr);
+
+	/**
+	 * Virtual Destructor
+	 */
+	virtual ~CAutoHideTab();
+
+	/**
+	 * Update stylesheet style if a property changes
+	 */
+	void updateStyle();
+
+	/**
+	 * Getter for side tab bar area property
+	 */
+	SideBarLocation sideBarLocation() const;
+
+	/**
+	 * Set orientation vertical or horizontal
+	 */
+	void setOrientation(Qt::Orientation Orientation);
+
+	/**
+	 * Returns the current orientation
+	 */
+	Qt::Orientation orientation() const;
+
+	/**
+	 * Returns true, if this is the active tab. The tab is active if the auto
+	 * hide widget is visible
+	 */
+	bool isActiveTab() const;
+
+	/**
+	 * returns the dock widget this belongs to
+	 */
+	CDockWidget* dockWidget() const;
+
+	/**
+	 * Sets the dock widget that is controlled by this tab
+	 */
+	void setDockWidget(CDockWidget* DockWidget);
+
+	/**
+	 * Returns true if the auto hide config flag AutoHideSideBarsIconOnly
+	 * is set and if the tab has an icon - that means the icon is not null
+	 */
+	bool iconOnly() const;
+
+	/**
+	 * Returns the side bar that contains this tab or a nullptr if the tab is
+	 * not in a side bar
+	 */
+	CAutoHideSideBar* sideBar() const;
+}; // class AutoHideTab
+}
+ // namespace ads
+//-----------------------------------------------------------------------------
+
+#endif

src/CMakeLists.txt

@@ -27,6 +27,11 @@ set(ads_SRCS
     FloatingDragPreview.cpp
     IconProvider.cpp
     DockComponentsFactory.cpp
+    AutoHideSideBar.cpp
+    AutoHideTab.cpp
+    AutoHideDockContainer.cpp
+    PushButton.cpp
+	ResizeHandle.cpp
     ads.qrc
 )
 set(ads_HEADERS
@@ -48,6 +53,11 @@ set(ads_HEADERS
     FloatingDragPreview.h
     IconProvider.h
     DockComponentsFactory.h
+    AutoHideSideBar.h
+    AutoHideTab.h
+    AutoHideDockContainer.h
+    PushButton.h
+	ResizeHandle.h
 )
 add_compile_options("$<$<CXX_COMPILER_ID:MSVC>:/utf-8>")
 if (UNIX AND NOT APPLE)

src/DockAreaTitleBar.cpp

@@ -38,6 +38,7 @@
 #include <QMouseEvent>
 #include <QDebug>
 #include <QPointer>
+#include <QApplication>
 
 #include "DockAreaTitleBar_p.h"
 #include "ads_globals.h"
@@ -49,14 +50,17 @@
 #include "DockWidget.h"
 #include "DockWidgetTab.h"
 #include "DockAreaTabBar.h"
-#include "IconProvider.h"
 #include "DockComponentsFactory.h"
 #include "DockFocusController.h"
+#include "ElidingLabel.h"
+#include "AutoHideDockContainer.h"
+#include "IconProvider.h"
 
 #include <iostream>
 
 namespace ads
 {
+static const char* const LocationProperty = "Location";
 
 /**
  * Private data class of CDockAreaTitleBar class (pimpl)
@@ -65,11 +69,13 @@ struct DockAreaTitleBarPrivate
 {
 	CDockAreaTitleBar* _this;
 	QPointer<tTitleBarButton> TabsMenuButton;
+	QPointer<tTitleBarButton> AutoHideButton;
 	QPointer<tTitleBarButton> UndockButton;
 	QPointer<tTitleBarButton> CloseButton;
 	QBoxLayout* Layout;
 	CDockAreaWidget* DockArea;
 	CDockAreaTabBar* TabBar;
+	CElidingLabel* AutoHideTitleLabel;
 	bool MenuOutdated = true;
 	QMenu* TabsMenu;
 	QList<tTitleBarButton*> DockWidgetActionsButtons;
@@ -89,7 +95,13 @@ struct DockAreaTitleBarPrivate
 	 */
 	void createButtons();
 
+
 	/**
+	 * Creates the auto hide title label, only displayed when the dock area is overlayed
+	 */
+    void createAutoHideTitleLabel();
+
+    /**
 	 * Creates the internal TabBar
 	 */
 	void createTabBar();
@@ -111,6 +123,15 @@ struct DockAreaTitleBarPrivate
 		return CDockManager::testConfigFlag(Flag);
 	}
 
+	/**
+	 * Returns true if the given config flag is set
+	 * Convenience function to ease config flag testing
+	 */
+	static bool testAutoHideConfigFlag(CDockManager::eAutoHideFlag Flag)
+	{
+		return CDockManager::testAutoHideConfigFlag(Flag);
+	}
+
 	/**
 	 * Test function for current drag state
 	 */
@@ -119,7 +140,6 @@ struct DockAreaTitleBarPrivate
 		return this->DragState == dragState;
 	}
 
-
 	/**
 	 * Starts floating
 	 */
@@ -129,6 +149,19 @@ struct DockAreaTitleBarPrivate
 	 * Makes the dock area floating
 	 */
 	IFloatingWidget* makeAreaFloating(const QPoint& Offset, eDragState DragState);
+
+	/**
+	 * Helper function to create and initialize the menu entries for
+	 * the "Auto Hide Group To..." menu
+	 */
+	QAction* createAutoHideToAction(const QString& Title, SideBarLocation Location,
+		QMenu* Menu)
+	{
+		auto Action = Menu->addAction(Title);
+		Action->setProperty("Location", Location);
+		QObject::connect(Action, &QAction::triggered, _this, &CDockAreaTitleBar::onAutoHideToActionClicked);
+		return Action;
+	}
 };// struct DockAreaTitleBarPrivate
 
 //============================================================================
@@ -172,19 +205,25 @@ void DockAreaTitleBarPrivate::createButtons()
 	Layout->addWidget(UndockButton, 0);
 	_this->connect(UndockButton, SIGNAL(clicked()), SLOT(onUndockButtonClicked()));
 
+	// AutoHide Button
+	const auto autoHideEnabled = testAutoHideConfigFlag(CDockManager::AutoHideFeatureEnabled);
+	AutoHideButton = new CTitleBarButton(testAutoHideConfigFlag(CDockManager::DockAreaHasAutoHideButton) && autoHideEnabled);
+	AutoHideButton->setObjectName("dockAreaAutoHideButton");
+	AutoHideButton->setAutoRaise(true);
+	internal::setToolTip(AutoHideButton, _this->titleBarButtonToolTip(TitleBarButtonAutoHide));
+	internal::setButtonIcon(AutoHideButton, QStyle::SP_DialogOkButton, ads::AutoHideIcon);
+	AutoHideButton->setSizePolicy(ButtonSizePolicy);
+	AutoHideButton->setCheckable(testAutoHideConfigFlag(CDockManager::AutoHideButtonCheckable));
+	AutoHideButton->setChecked(false);
+	Layout->addWidget(AutoHideButton, 0);
+	_this->connect(AutoHideButton, SIGNAL(clicked()),  SLOT(onAutoHideButtonClicked()));
+
 	// Close button
 	CloseButton = new CTitleBarButton(testConfigFlag(CDockManager::DockAreaHasCloseButton));
 	CloseButton->setObjectName("dockAreaCloseButton");
 	CloseButton->setAutoRaise(true);
 	internal::setButtonIcon(CloseButton, QStyle::SP_TitleBarCloseButton, ads::DockAreaCloseIcon);
-	if (testConfigFlag(CDockManager::DockAreaCloseButtonClosesTab))
-	{
-		internal::setToolTip(CloseButton, QObject::tr("Close Active Tab"));
-	}
-	else
-	{
-		internal::setToolTip(CloseButton, QObject::tr("Close Group"));
-	}
+    internal::setToolTip(CloseButton, _this->titleBarButtonToolTip(TitleBarButtonClose));
 	CloseButton->setSizePolicy(ButtonSizePolicy);
 	CloseButton->setIconSize(QSize(16, 16));
 	Layout->addWidget(CloseButton, 0);
@@ -192,6 +231,15 @@ void DockAreaTitleBarPrivate::createButtons()
 }
 
 
+//============================================================================
+void DockAreaTitleBarPrivate::createAutoHideTitleLabel()
+{
+	AutoHideTitleLabel = new CElidingLabel("");
+	AutoHideTitleLabel->setObjectName("autoHideTitleLabel");
+	Layout->addWidget(AutoHideTitleLabel);
+}
+
+
 //============================================================================
 void DockAreaTitleBarPrivate::createTabBar()
 {
@@ -214,12 +262,15 @@ IFloatingWidget* DockAreaTitleBarPrivate::makeAreaFloating(const QPoint& Offset,
 {
 	QSize Size = DockArea->size();
 	this->DragState = DragState;
-	bool OpaqueUndocking = CDockManager::testConfigFlag(CDockManager::OpaqueUndocking) ||
-		(DraggingFloatingWidget != DragState);
+	bool CreateFloatingDockContainer = (DraggingFloatingWidget != DragState);
 	CFloatingDockContainer* FloatingDockContainer = nullptr;
 	IFloatingWidget* FloatingWidget;
-	if (OpaqueUndocking)
+	if (CreateFloatingDockContainer)
 	{
+		if (DockArea->autoHideDockContainer())
+        {
+            DockArea->autoHideDockContainer()->cleanupAndDelete();
+        }
 		FloatingWidget = FloatingDockContainer = new CFloatingDockContainer(DockArea);
 	}
 	else
@@ -249,7 +300,12 @@ IFloatingWidget* DockAreaTitleBarPrivate::makeAreaFloating(const QPoint& Offset,
 //============================================================================
 void DockAreaTitleBarPrivate::startFloating(const QPoint& Offset)
 {
+	if (DockArea->autoHideDockContainer())
+	{
+		DockArea->autoHideDockContainer()->hide();
+	}
 	FloatingWidget = makeAreaFloating(Offset, DraggingFloatingWidget);
+	qApp->postEvent(DockArea, new QEvent((QEvent::Type)internal::DockedWidgetDragStartEvent));
 }
 
 
@@ -268,6 +324,8 @@ CDockAreaTitleBar::CDockAreaTitleBar(CDockAreaWidget* parent) :
 	setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Fixed);
 
 	d->createTabBar();
+	d->createAutoHideTitleLabel();
+	d->AutoHideTitleLabel->setVisible(false); // Default hidden
 	d->Layout->addWidget(new CSpacerWidget(this));
 	d->createButtons();
 
@@ -445,6 +503,36 @@ void CDockAreaTitleBar::onCurrentTabChanged(int Index)
 }
 
 
+//============================================================================
+void CDockAreaTitleBar::onAutoHideButtonClicked()
+{
+	if (CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideButtonTogglesArea)
+	 || qApp->keyboardModifiers().testFlag(Qt::ControlModifier))
+	{
+		d->DockArea->toggleAutoHide();
+	}
+	else
+	{
+		d->DockArea->currentDockWidget()->toggleAutoHide();
+	}
+}
+
+
+//============================================================================
+void CDockAreaTitleBar::onAutoHideDockAreaActionClicked()
+{
+	d->DockArea->toggleAutoHide();
+}
+
+
+//============================================================================
+void CDockAreaTitleBar::onAutoHideToActionClicked()
+{
+	int Location = sender()->property(LocationProperty).toInt();
+	d->DockArea->toggleAutoHide((SideBarLocation)Location);
+}
+
+
 //============================================================================
 QAbstractButton* CDockAreaTitleBar::button(TitleBarButton which) const
 {
@@ -453,12 +541,20 @@ QAbstractButton* CDockAreaTitleBar::button(TitleBarButton which) const
 	case TitleBarButtonTabsMenu: return d->TabsMenuButton;
 	case TitleBarButtonUndock: return d->UndockButton;
 	case TitleBarButtonClose: return d->CloseButton;
+	case TitleBarButtonAutoHide: return d->AutoHideButton;
 	default:
 		return nullptr;
 	}
 }
 
 
+//============================================================================
+CElidingLabel* CDockAreaTitleBar::autoHideTitleLabel() const
+{
+	return d->AutoHideTitleLabel;
+}
+
+
 //============================================================================
 void CDockAreaTitleBar::setVisible(bool Visible)
 {
@@ -478,7 +574,6 @@ void CDockAreaTitleBar::mousePressEvent(QMouseEvent* ev)
 
 		if (CDockManager::testConfigFlag(CDockManager::FocusHighlighting))
 		{
-			//d->TabBar->currentTab()->setFocus(Qt::OtherFocusReason);
 			d->dockManager()->dockFocusController()->setDockWidgetTabFocused(d->TabBar->currentTab());
 		}
 		return;
@@ -529,18 +624,17 @@ void CDockAreaTitleBar::mouseMoveEvent(QMouseEvent* ev)
 	// sense to move it to a new floating widget and leave this one
 	// empty
 	if (d->DockArea->dockContainer()->isFloating()
-	 && d->DockArea->dockContainer()->visibleDockAreaCount() == 1)
+	 && d->DockArea->dockContainer()->visibleDockAreaCount() == 1 
+     && !d->DockArea->isAutoHide())
 	{
 		return;
 	}
 
 	// If one single dock widget in this area is not floatable then the whole
 	// area is not floatable
-	// If we do non opaque undocking, then we can create the floating drag
-	// preview if the dock widget is movable
+	// We can create the floating drag preview if the dock widget is movable
 	auto Features = d->DockArea->features();
-    if (!Features.testFlag(CDockWidget::DockWidgetFloatable)
-    && !(Features.testFlag(CDockWidget::DockWidgetMovable) && !CDockManager::testConfigFlag(CDockManager::OpaqueUndocking)))
+    if (!Features.testFlag(CDockWidget::DockWidgetFloatable) && !(Features.testFlag(CDockWidget::DockWidgetMovable)))
 	{
 		return;
 	}
@@ -548,7 +642,7 @@ void CDockAreaTitleBar::mouseMoveEvent(QMouseEvent* ev)
 	int DragDistance = (d->DragStartMousePos - ev->pos()).manhattanLength();
 	if (DragDistance >= CDockManager::startDragDistance())
 	{
-        ADS_PRINT("CDockAreaTitlBar::startFloating");
+        ADS_PRINT("CDockAreaTitleBar::startFloating");
 		d->startFloating(d->DragStartMousePos);
 		auto Overlay = d->DockArea->dockManager()->containerOverlay();
 		Overlay->setAllowedAreas(OuterDockAreas);
@@ -573,6 +667,7 @@ void CDockAreaTitleBar::mouseDoubleClickEvent(QMouseEvent *event)
 	{
 		return;
 	}
+
 	d->makeAreaFloating(event->pos(), DraggingInactive);
 }
 
@@ -586,13 +681,39 @@ void CDockAreaTitleBar::contextMenuEvent(QContextMenuEvent* ev)
 		return;
 	}
 
+	const bool isAutoHide = d->DockArea->isAutoHide();
+	const bool isTopLevelArea = d->DockArea->isTopLevelArea();
+	QAction* Action;
 	QMenu Menu(this);
-	auto Action = Menu.addAction(tr("Detach Group"), this, SLOT(onUndockButtonClicked()));
-	Action->setEnabled(d->DockArea->features().testFlag(CDockWidget::DockWidgetFloatable));
-	Menu.addSeparator();
-	Action = Menu.addAction(tr("Close Group"), this, SLOT(onCloseButtonClicked()));
+	if (!isTopLevelArea)
+	{
+		Action = Menu.addAction(isAutoHide ? tr("Detach") : tr("Detach Group"),
+			this, SLOT(onUndockButtonClicked()));
+		Action->setEnabled(d->DockArea->features().testFlag(CDockWidget::DockWidgetFloatable));
+		if (CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideFeatureEnabled))
+		{
+			Action = Menu.addAction(isAutoHide ? tr("Unpin (Dock)") : tr("Pin Group"), this, SLOT(onAutoHideDockAreaActionClicked()));
+			auto AreaIsPinnable = d->DockArea->features().testFlag(CDockWidget::DockWidgetPinnable);
+			Action->setEnabled(AreaIsPinnable);
+
+			if (!isAutoHide)
+			{
+				auto menu = Menu.addMenu(tr("Pin Group To..."));
+				menu->setEnabled(AreaIsPinnable);
+				d->createAutoHideToAction(tr("Top"), SideBarTop, menu);
+				d->createAutoHideToAction(tr("Left"), SideBarLeft, menu);
+				d->createAutoHideToAction(tr("Right"), SideBarRight, menu);
+				d->createAutoHideToAction(tr("Bottom"), SideBarBottom, menu);
+			}
+		}
+		Menu.addSeparator();
+	}
+	Action = Menu.addAction(isAutoHide ? tr("Close") : tr("Close Group"), this, SLOT(onCloseButtonClicked()));
 	Action->setEnabled(d->DockArea->features().testFlag(CDockWidget::DockWidgetClosable));
-	Menu.addAction(tr("Close Other Groups"), d->DockArea, SLOT(closeOtherAreas()));
+	if (!isAutoHide && !isTopLevelArea)
+	{
+		Action = Menu.addAction(tr("Close Other Groups"), d->DockArea, SLOT(closeOtherAreas()));
+	}
 	Menu.exec(ev->globalPos());
 }
 
@@ -610,6 +731,50 @@ int CDockAreaTitleBar::indexOf(QWidget *widget) const
 	return d->Layout->indexOf(widget);
 }
 
+//============================================================================
+QString CDockAreaTitleBar::titleBarButtonToolTip(TitleBarButton Button) const
+{
+	switch (Button)
+	{
+	case TitleBarButtonAutoHide:
+		 if (d->DockArea->isAutoHide())
+		 {
+			 return tr("Unpin (Dock)");
+		 }
+
+		 if (CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideButtonTogglesArea))
+		 {
+			 return tr("Pin Group");
+		 }
+		 else
+		 {
+			 return tr("Pin Active Tab (Press Ctrl to Pin Group)");
+		 }
+		 break;
+
+	case TitleBarButtonClose:
+		if (d->DockArea->isAutoHide())
+		{
+			return tr("Close");
+		}
+
+		if (CDockManager::testConfigFlag(CDockManager::DockAreaCloseButtonClosesTab))
+		{
+			return tr("Close Active Tab");
+		}
+		else
+		{
+			return tr("Close Group");
+		}
+	    break;
+
+	default:
+		break;
+	}
+
+	return QString();
+}
+
 //============================================================================
 CTitleBarButton::CTitleBarButton(bool visible, QWidget* parent)
 	: tTitleBarButton(parent),

src/DockAreaTitleBar.h

@@ -41,6 +41,7 @@ namespace ads
 class CDockAreaTabBar;
 class CDockAreaWidget;
 struct DockAreaTitleBarPrivate;
+class CElidingLabel;
 
 /**
  * Title bar of a dock area.
@@ -60,9 +61,12 @@ private Q_SLOTS:
 	void onUndockButtonClicked();
 	void onTabsMenuActionTriggered(QAction* Action);
 	void onCurrentTabChanged(int Index);
+	void onAutoHideButtonClicked();
+	void onAutoHideDockAreaActionClicked();
+	void onAutoHideToActionClicked();
 
 protected:
-		/**
+    /**
 	 * Stores mouse position to detect dragging
 	 */
 	virtual void mousePressEvent(QMouseEvent* ev) override;
@@ -119,6 +123,11 @@ public:
 	 */
 	QAbstractButton* button(TitleBarButton which) const;
 
+	/**
+	 * Returns the auto hide title label, used when the dock area is expanded and auto hidden
+	 */
+	CElidingLabel* autoHideTitleLabel() const;
+
 	/**
 	 * Updates the visibility of the dock widget actions in the title bar
 	 */
@@ -148,6 +157,12 @@ public:
 	 */
 	int indexOf(QWidget *widget) const;
 
+	/**
+	 * Close group tool tip based on the current state
+	 * Auto hide widgets can only have one dock widget so it does not make sense for the tooltip to show close group
+	 */
+	QString titleBarButtonToolTip(TitleBarButton Button) const;
+
 Q_SIGNALS:
 	/**
 	 * This signal is emitted if a tab in the tab bar is clicked by the user

src/DockAreaWidget.cpp

@@ -28,22 +28,21 @@
 //============================================================================
 //                                   INCLUDES
 //============================================================================
+#include <AutoHideDockContainer.h>
+#include <AutoHideTab.h>
 #include "DockAreaWidget.h"
 
 #include <QStackedLayout>
 #include <QScrollBar>
-#include <QScrollArea>
 #include <QWheelEvent>
 #include <QStyle>
 #include <QPushButton>
 #include <QDebug>
 #include <QMenu>
-#include <QSplitter>
 #include <QXmlStreamWriter>
-#include <QVector>
 #include <QList>
 
-
+#include "ElidingLabel.h"
 #include "DockContainerWidget.h"
 #include "DockWidget.h"
 #include "FloatingDockContainer.h"
@@ -54,6 +53,7 @@
 #include "DockAreaTitleBar.h"
 #include "DockComponentsFactory.h"
 #include "DockWidgetTab.h"
+#include "DockingStateReader.h"
 
 
 namespace ads
@@ -61,6 +61,15 @@ namespace ads
 static const char* const INDEX_PROPERTY = "index";
 static const char* const ACTION_PROPERTY = "action";
 
+/**
+ * Check, if auto hide is enabled
+ */
+static bool isAutoHideFeatureEnabled()
+{
+	return CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideFeatureEnabled);
+}
+
+
 /**
  * Internal dock area layout mimics stack layout but only inserts the current
  * widget into the internal QLayout object.
@@ -249,6 +258,7 @@ struct DockAreaWidgetPrivate
 	DockAreaLayout*		ContentsLayout	= nullptr;
 	CDockAreaTitleBar*	TitleBar		= nullptr;
 	CDockManager*		DockManager		= nullptr;
+	CAutoHideDockContainer* AutoHideDockContainer = nullptr;
 	bool UpdateTitleBarButtons = false;
 	DockWidgetAreas		AllowedAreas	= DefaultAllowedAreas;
 	QSize MinSizeHint;
@@ -310,6 +320,11 @@ struct DockAreaWidgetPrivate
 	 */
 	void updateTitleBarButtonStates();
 
+	/**
+	 * Udpates the enable state of the close and detach button
+	 */
+	void updateTitleBarButtonVisibility(bool isTopLevel);
+
 	/**
 	 * Scans all contained dock widgets for the max. minimum size hint
 	 */
@@ -358,11 +373,40 @@ void DockAreaWidgetPrivate::updateTitleBarButtonStates()
 		_this->features().testFlag(CDockWidget::DockWidgetClosable));
 	TitleBar->button(TitleBarButtonUndock)->setEnabled(
 		_this->features().testFlag(CDockWidget::DockWidgetFloatable));
+	TitleBar->button(TitleBarButtonAutoHide)->setEnabled(
+		_this->features().testFlag(CDockWidget::DockWidgetPinnable));
 	TitleBar->updateDockWidgetActionsButtons();
 	UpdateTitleBarButtons = false;
 }
 
 
+//============================================================================
+void DockAreaWidgetPrivate::updateTitleBarButtonVisibility(bool IsTopLevel)
+{
+	auto *const container = _this->dockContainer();
+	if (!container)
+	{
+		return;
+	}
+
+	if (IsTopLevel)
+	{
+		TitleBar->button(TitleBarButtonClose)->setVisible(!container->isFloating());
+		TitleBar->button(TitleBarButtonAutoHide)->setVisible(!container->isFloating());
+        // Undock and tabs should never show when auto hidden
+		TitleBar->button(TitleBarButtonUndock)->setVisible(!container->isFloating() && !_this->isAutoHide());
+        TitleBar->button(TitleBarButtonTabsMenu)->setVisible(!_this->isAutoHide());
+	}
+	else
+	{
+		TitleBar->button(TitleBarButtonClose)->setVisible(true);
+		TitleBar->button(TitleBarButtonAutoHide)->setVisible(true);
+		TitleBar->button(TitleBarButtonUndock)->setVisible(!_this->isAutoHide());
+        TitleBar->button(TitleBarButtonTabsMenu)->setVisible(!_this->isAutoHide());
+	}
+}
+
+
 //============================================================================
 CDockAreaWidget::CDockAreaWidget(CDockManager* DockManager, CDockContainerWidget* parent) :
 	QFrame(parent),
@@ -404,6 +448,26 @@ CDockContainerWidget* CDockAreaWidget::dockContainer() const
 	return internal::findParent<CDockContainerWidget*>(this);
 }
 
+//============================================================================
+CAutoHideDockContainer* CDockAreaWidget::autoHideDockContainer() const
+{
+	return d->AutoHideDockContainer;
+}
+
+//============================================================================
+bool CDockAreaWidget::isAutoHide() const
+{
+	return d->AutoHideDockContainer != nullptr;
+}
+
+//============================================================================
+void CDockAreaWidget::setAutoHideDockContainer(CAutoHideDockContainer* AutoHideDockContainer)
+{
+	d->AutoHideDockContainer = AutoHideDockContainer;
+	updateAutoHideButtonCheckState();
+	updateTitleBarButtonsToolTips();
+}
+
 
 //============================================================================
 void CDockAreaWidget::addDockWidget(CDockWidget* DockWidget)
@@ -430,12 +494,14 @@ void CDockAreaWidget::insertDockWidget(int index, CDockWidget* DockWidget,
 	d->tabBar()->insertTab(index, TabWidget);
 	d->tabBar()->blockSignals(false);
 	TabWidget->setVisible(!DockWidget->isClosed());
+	d->TitleBar->autoHideTitleLabel()->setText(DockWidget->windowTitle());
 	DockWidget->setProperty(INDEX_PROPERTY, index);
 	d->MinSizeHint.setHeight(qMax(d->MinSizeHint.height(), DockWidget->minimumSizeHint().height()));
 	d->MinSizeHint.setWidth(qMax(d->MinSizeHint.width(), DockWidget->minimumSizeHint().width()));
 	if (Activate)
 	{
 		setCurrentIndex(index);
+		DockWidget->setClosedState(false); // Set current index can show the widget without changing the close state, added to keep the close state consistent
 	}
 	// If this dock area is hidden, then we need to make it visible again
 	// by calling DockWidget->toggleViewInternal(true);
@@ -457,6 +523,15 @@ void CDockAreaWidget::removeDockWidget(CDockWidget* DockWidget)
     	return;
     }
 
+
+    // If this dock area is in a auto hide container, then we can delete
+    // the auto hide container now
+    if (isAutoHide())
+    {
+    	autoHideDockContainer()->cleanupAndDelete();
+    	return;
+    }
+
     auto CurrentDockWidget = currentDockWidget();
   	auto NextOpenDockWidget = (DockWidget == CurrentDockWidget) ? nextOpenDockWidget(DockWidget) : nullptr;
 
@@ -539,6 +614,10 @@ void CDockAreaWidget::hideAreaWithNoVisibleContent()
 	{
 		FloatingWidget->hide();
 	}
+	if (isAutoHide())
+	{
+		autoHideDockContainer()->hide();
+	}
 }
 
 
@@ -593,6 +672,7 @@ void CDockAreaWidget::internalSetCurrentDockWidget(CDockWidget* DockWidget)
 	}
 
 	setCurrentIndex(Index);
+	DockWidget->setClosedState(false); // Set current index can show the widget without changing the close state, added to keep the close state consistent
 }
 
 
@@ -756,17 +836,27 @@ void CDockAreaWidget::updateTitleBarVisibility()
 		return;
 	}
 
-    if (CDockManager::testConfigFlag(CDockManager::AlwaysShowTabs))
+    if (!d->TitleBar)
     {
-        return;
+    	return;
     }
 
-	if (d->TitleBar)
-	{
+    bool IsAutoHide = isAutoHide();
+    if (!CDockManager::testConfigFlag(CDockManager::AlwaysShowTabs))
+    {
 		bool Hidden = Container->hasTopLevelDockWidget() && (Container->isFloating()
 			|| CDockManager::testConfigFlag(CDockManager::HideSingleCentralWidgetTitleBar));
 		Hidden |= (d->Flags.testFlag(HideSingleWidgetTitleBar) && openDockWidgetsCount() == 1);
+		Hidden &= !IsAutoHide; // Titlebar must always be visible when auto hidden so it can be dragged
 		d->TitleBar->setVisible(!Hidden);
+    }
+
+	if (isAutoHideFeatureEnabled())
+	{
+		auto tabBar = d->TitleBar->tabBar();
+		tabBar->setVisible(!IsAutoHide);  // Never show tab bar when auto hidden
+		d->TitleBar->autoHideTitleLabel()->setVisible(IsAutoHide);  // Always show when auto hidden, never otherwise
+		updateTitleBarButtonVisibility(Container->topLevelDockArea() == this);
 	}
 }
 
@@ -781,6 +871,32 @@ void CDockAreaWidget::markTitleBarMenuOutdated()
 }
 
 
+//============================================================================
+void CDockAreaWidget::updateAutoHideButtonCheckState()
+{
+	auto autoHideButton = titleBarButton(TitleBarButtonAutoHide);
+	autoHideButton->blockSignals(true);
+	autoHideButton->setChecked(isAutoHide());
+	autoHideButton->blockSignals(false);
+}
+
+
+//============================================================================
+void CDockAreaWidget::updateTitleBarButtonVisibility(bool IsTopLevel) const
+{
+	d->updateTitleBarButtonVisibility(IsTopLevel);
+}
+
+
+//============================================================================
+void CDockAreaWidget::updateTitleBarButtonsToolTips()
+{
+	internal::setToolTip(titleBarButton(TitleBarButtonClose),
+		titleBar()->titleBarButtonToolTip(TitleBarButtonClose));
+	internal::setToolTip(titleBarButton(TitleBarButtonAutoHide),
+		titleBar()->titleBarButtonToolTip(TitleBarButtonAutoHide));
+}
+
 
 //============================================================================
 void CDockAreaWidget::saveState(QXmlStreamWriter& s) const
@@ -790,8 +906,7 @@ void CDockAreaWidget::saveState(QXmlStreamWriter& s) const
 	auto CurrentDockWidget = currentDockWidget();
 	QString Name = CurrentDockWidget ? CurrentDockWidget->objectName() : "";
 	s.writeAttribute("Current", Name);
-	// To keep the saved XML data small, we only save the allowed areas and the
-	// dock area flags if the values are different from the default values
+
 	if (d->AllowedAreas != DefaultAllowedAreas)
 	{
 		s.writeAttribute("AllowedAreas", QString::number(d->AllowedAreas, 16));
@@ -811,6 +926,103 @@ void CDockAreaWidget::saveState(QXmlStreamWriter& s) const
 }
 
 
+//============================================================================
+bool CDockAreaWidget::restoreState(CDockingStateReader& s, CDockAreaWidget*& CreatedWidget,
+		bool Testing, CDockContainerWidget* Container)
+{
+	bool Ok;
+#ifdef ADS_DEBUG_PRINT
+	int Tabs = s.attributes().value("Tabs").toInt(&Ok);
+	if (!Ok)
+	{
+		return false;
+	}
+#endif
+
+	QString CurrentDockWidget = s.attributes().value("Current").toString();
+    ADS_PRINT("Restore NodeDockArea Tabs: " << Tabs << " Current: "
+            << CurrentDockWidget);
+
+    auto DockManager = Container->dockManager();
+	CDockAreaWidget* DockArea = nullptr;
+	if (!Testing)
+	{
+		DockArea = new CDockAreaWidget(DockManager, Container);
+		const auto AllowedAreasAttribute = s.attributes().value("AllowedAreas");
+		if (!AllowedAreasAttribute.isEmpty())
+		{
+			DockArea->setAllowedAreas((DockWidgetArea)AllowedAreasAttribute.toInt(nullptr, 16));
+		}
+
+		const auto FlagsAttribute = s.attributes().value("Flags");
+		if (!FlagsAttribute.isEmpty())
+		{
+			DockArea->setDockAreaFlags((CDockAreaWidget::DockAreaFlags)FlagsAttribute.toInt(nullptr, 16));
+		}
+	}
+
+	while (s.readNextStartElement())
+	{
+        if (s.name() != QLatin1String("Widget"))
+		{
+			continue;
+		}
+
+		auto ObjectName = s.attributes().value("Name");
+		if (ObjectName.isEmpty())
+		{
+			return false;
+		}
+
+		bool Closed = s.attributes().value("Closed").toInt(&Ok);
+		if (!Ok)
+		{
+			return false;
+		}
+
+		s.skipCurrentElement();
+		CDockWidget* DockWidget = DockManager->findDockWidget(ObjectName.toString());
+		if (!DockWidget || Testing)
+		{
+			continue;
+		}
+
+        ADS_PRINT("Dock Widget found - parent " << DockWidget->parent());
+        if (DockWidget->autoHideDockContainer())
+        {
+        	DockWidget->autoHideDockContainer()->cleanupAndDelete();
+        }
+
+		// We hide the DockArea here to prevent the short display (the flashing)
+		// of the dock areas during application startup
+		DockArea->hide();
+        DockArea->addDockWidget(DockWidget);
+		DockWidget->setToggleViewActionChecked(!Closed);
+		DockWidget->setClosedState(Closed);
+		DockWidget->setProperty(internal::ClosedProperty, Closed);
+		DockWidget->setProperty(internal::DirtyProperty, false);
+	}
+
+	if (Testing)
+	{
+		return true;
+	}
+
+	if (!DockArea->dockWidgetsCount())
+	{
+		delete DockArea;
+		DockArea = nullptr;
+	}
+	else
+	{
+		DockArea->setProperty("currentDockWidget", CurrentDockWidget);
+	}
+
+	CreatedWidget = DockArea;
+	return true;
+}
+
+
 //============================================================================
 CDockWidget* CDockAreaWidget::nextOpenDockWidget(CDockWidget* DockWidget) const
 {
@@ -970,7 +1182,8 @@ void CDockAreaWidget::closeArea()
 	// closeRequested signal and not actually delete unless the signal is handled in a way that deletes it
 	auto OpenDockWidgets = openedDockWidgets();
     if (OpenDockWidgets.count() == 1 &&
-			(OpenDockWidgets[0]->features().testFlag(CDockWidget::DockWidgetDeleteOnClose) || OpenDockWidgets[0]->features().testFlag(CDockWidget::CustomCloseHandling)))
+			(OpenDockWidgets[0]->features().testFlag(CDockWidget::DockWidgetDeleteOnClose) || OpenDockWidgets[0]->features().testFlag(CDockWidget::CustomCloseHandling))
+			&& !isAutoHide())
 	{
 		OpenDockWidgets[0]->closeDockWidgetInternal();
 	}
@@ -978,16 +1191,172 @@ void CDockAreaWidget::closeArea()
 	{
         for (auto DockWidget : openedDockWidgets())
         {
-            if ((DockWidget->features().testFlag(CDockWidget::DockWidgetDeleteOnClose) && DockWidget->features().testFlag(CDockWidget::DockWidgetForceCloseWithArea)) ||
-					DockWidget->features().testFlag(CDockWidget::CustomCloseHandling))
+			if ((DockWidget->features().testFlag(CDockWidget::DockWidgetDeleteOnClose) && DockWidget->features().testFlag(CDockWidget::DockWidgetForceCloseWithArea)) ||
+				DockWidget->features().testFlag(CDockWidget::CustomCloseHandling))
+			{
+				DockWidget->closeDockWidgetInternal();
+			}
+			else if (DockWidget->features().testFlag(CDockWidget::DockWidgetDeleteOnClose) && isAutoHide())
+			{
                 DockWidget->closeDockWidgetInternal();
+			}
             else
+            {
                 DockWidget->toggleView(false);
+            }
         }
     }
 }
 
 
+enum eBorderLocation
+{
+	BorderNone = 0,
+	BorderLeft = 0x01,
+	BorderRight = 0x02,
+	BorderTop = 0x04,
+	BorderBottom = 0x08,
+	BorderVertical = BorderLeft | BorderRight,
+	BorderHorizontal = BorderTop | BorderBottom,
+	BorderTopLeft = BorderTop | BorderLeft,
+	BorderTopRight = BorderTop | BorderRight,
+	BorderBottomLeft = BorderBottom | BorderLeft,
+	BorderBottomRight = BorderBottom | BorderRight,
+	BorderVerticalBottom = BorderVertical | BorderBottom,
+	BorderVerticalTop = BorderVertical | BorderTop,
+	BorderHorizontalLeft = BorderHorizontal | BorderLeft,
+	BorderHorizontalRight = BorderHorizontal | BorderRight,
+	BorderAll = BorderVertical | BorderHorizontal
+};
+
+
+//============================================================================
+SideBarLocation CDockAreaWidget::calculateSideTabBarArea() const
+{
+	auto Container = dockContainer();
+	auto ContentRect = Container->contentRect();
+
+	int borders = BorderNone; // contains all borders that are touched by the dock ware
+	auto DockAreaTopLeft = mapTo(Container, rect().topLeft());
+	auto DockAreaRect = rect();
+	DockAreaRect.moveTo(DockAreaTopLeft);
+	const qreal aspectRatio = DockAreaRect.width() / (qMax(1, DockAreaRect.height()) * 1.0);
+	const qreal sizeRatio = (qreal)ContentRect.width() / DockAreaRect.width();
+	static const int MinBorderDistance = 16;
+	bool HorizontalOrientation = (aspectRatio > 1.0) && (sizeRatio < 3.0);
+
+	// measure border distances - a distance less than 16 px means we touch the
+	// border
+	int BorderDistance[4];
+
+	int Distance = qAbs(ContentRect.topLeft().y() - DockAreaRect.topLeft().y());
+	BorderDistance[SideBarLocation::SideBarTop] = (Distance < MinBorderDistance) ? 0 : Distance;
+	if (!BorderDistance[SideBarLocation::SideBarTop])
+	{
+		borders |= BorderTop;
+	}
+
+	Distance = qAbs(ContentRect.bottomRight().y() - DockAreaRect.bottomRight().y());
+	BorderDistance[SideBarLocation::SideBarBottom] = (Distance < MinBorderDistance) ? 0 : Distance;
+	if (!BorderDistance[SideBarLocation::SideBarBottom])
+	{
+		borders |= BorderBottom;
+	}
+
+	Distance = qAbs(ContentRect.topLeft().x() - DockAreaRect.topLeft().x());
+	BorderDistance[SideBarLocation::SideBarLeft] = (Distance < MinBorderDistance) ? 0 : Distance;
+	if (!BorderDistance[SideBarLocation::SideBarLeft])
+	{
+		borders |= BorderLeft;
+	}
+
+	Distance = qAbs(ContentRect.bottomRight().x() - DockAreaRect.bottomRight().x());
+	BorderDistance[SideBarLocation::SideBarRight] = (Distance < MinBorderDistance) ? 0 : Distance;
+	if (!BorderDistance[SideBarLocation::SideBarRight])
+	{
+		borders |= BorderRight;
+	}
+
+	auto SideTab = SideBarLocation::SideBarRight;
+	switch (borders)
+	{
+	// 1. It's touching all borders
+	case BorderAll: SideTab = HorizontalOrientation ? SideBarLocation::SideBarBottom : SideBarLocation::SideBarRight; break;
+
+	// 2. It's touching 3 borders
+	case BorderVerticalBottom : SideTab = SideBarLocation::SideBarBottom; break;
+	case BorderVerticalTop : SideTab = SideBarLocation::SideBarTop; break;
+	case BorderHorizontalLeft: SideTab = SideBarLocation::SideBarLeft; break;
+	case BorderHorizontalRight: SideTab = SideBarLocation::SideBarRight; break;
+
+	// 3. Its touching horizontal or vertical borders
+	case BorderVertical : SideTab = SideBarLocation::SideBarBottom; break;
+	case BorderHorizontal: SideTab = SideBarLocation::SideBarRight; break;
+
+	// 4. Its in a corner
+	case BorderTopLeft : SideTab = HorizontalOrientation ? SideBarLocation::SideBarTop : SideBarLocation::SideBarLeft; break;
+	case BorderTopRight : SideTab = HorizontalOrientation ? SideBarLocation::SideBarTop : SideBarLocation::SideBarRight; break;
+	case BorderBottomLeft : SideTab = HorizontalOrientation ? SideBarLocation::SideBarBottom : SideBarLocation::SideBarLeft; break;
+	case BorderBottomRight : SideTab = HorizontalOrientation ? SideBarLocation::SideBarBottom : SideBarLocation::SideBarRight; break;
+
+	// 5 Ists touching only one border
+	case BorderLeft: SideTab = SideBarLocation::SideBarLeft; break;
+	case BorderRight: SideTab = SideBarLocation::SideBarRight; break;
+	case BorderTop: SideTab = SideBarLocation::SideBarTop; break;
+	case BorderBottom: SideTab = SideBarLocation::SideBarBottom; break;
+	}
+
+	return SideTab;
+}
+
+
+//============================================================================
+void CDockAreaWidget::setAutoHide(bool Enable, SideBarLocation Location)
+{
+	if (!isAutoHideFeatureEnabled())
+	{
+		return;
+	}
+
+	if (!Enable)
+	{
+		if (isAutoHide())
+		{
+			autoHideDockContainer()->moveContentsToParent();
+		}
+		return;
+	}
+
+	auto area = (SideBarNone == Location) ? calculateSideTabBarArea() : Location;
+	for (const auto DockWidget : openedDockWidgets())
+	{
+		if (Enable == isAutoHide())
+		{
+			continue;
+		}
+
+		if (!DockWidget->features().testFlag(CDockWidget::DockWidgetPinnable))
+		{
+			continue;
+		}
+
+		dockContainer()->createAndSetupAutoHideContainer(area, DockWidget);
+	}
+}
+
+
+//============================================================================
+void CDockAreaWidget::toggleAutoHide(SideBarLocation Location)
+{
+	if (!isAutoHideFeatureEnabled())
+	{
+		return;
+	}
+
+	setAutoHide(!isAutoHide(), Location);
+}
+
+
 //============================================================================
 void CDockAreaWidget::closeOtherAreas()
 {
@@ -1014,6 +1383,22 @@ bool CDockAreaWidget::isCentralWidgetArea() const
 }
 
 
+//============================================================================
+bool CDockAreaWidget::containsCentralWidget() const
+{
+	auto centralWidget = dockManager()->centralWidget();
+	for (const auto &dockWidget : dockWidgets())
+	{
+		if (dockWidget == centralWidget)
+		{
+			return true;
+		}
+	}
+
+	return false;
+}
+
+
 //============================================================================
 QSize CDockAreaWidget::minimumSizeHint() const
 {
@@ -1043,6 +1428,19 @@ void CDockAreaWidget::onDockWidgetFeaturesChanged()
 }
 
 
+//============================================================================
+bool CDockAreaWidget::isTopLevelArea() const
+{
+	auto Container = dockContainer();
+	if (!Container)
+	{
+		return false;
+	}
+
+	return (Container->topLevelDockArea() == this);
+}
+
+
 #ifdef Q_OS_WIN
 //============================================================================
 bool CDockAreaWidget::event(QEvent *e)

src/DockAreaWidget.h

@@ -33,6 +33,7 @@
 #include <QFrame>
 
 #include "ads_globals.h"
+#include "AutoHideTab.h"
 #include "DockWidget.h"
 
 QT_FORWARD_DECLARE_CLASS(QXmlStreamWriter)
@@ -45,6 +46,7 @@ class CDockManager;
 class CDockContainerWidget;
 class DockContainerWidgetPrivate;
 class CDockAreaTitleBar;
+class CDockingStateReader;
 
 
 /**
@@ -65,6 +67,7 @@ private:
 	friend class CDockWidget;
 	friend struct DockManagerPrivate;
 	friend class CDockManager;
+	friend class CAutoHideDockContainer;
 	void onDockWidgetFeaturesChanged();
 
 private Q_SLOTS:
@@ -76,6 +79,22 @@ private Q_SLOTS:
 	 */
 	void reorderDockWidget(int fromIndex, int toIndex);
 
+	/*
+	 * Update the auto hide button checked state based on if it's contained in an auto hide container or not
+	 */
+	void updateAutoHideButtonCheckState();
+
+	/*
+	 * Update the title bar button tooltips
+	 */
+	void updateTitleBarButtonsToolTips();
+
+	/**
+	 * Calculate the auto hide side bar location depending on the dock area
+	 * widget position in the container
+	 */
+	SideBarLocation calculateSideTabBarArea() const;
+
 protected:
 
 #ifdef Q_OS_WIN
@@ -149,6 +168,11 @@ protected:
 	 */
 	void markTitleBarMenuOutdated();
 
+	/*
+	 * Update the title bar button visibility based on if it's top level or not
+	 */
+	void updateTitleBarButtonVisibility(bool IsTopLevel) const;
+
 protected Q_SLOTS:
 	void toggleView(bool Open);
 
@@ -186,6 +210,23 @@ public:
 	 */
 	CDockContainerWidget* dockContainer() const;
 
+	/**
+	 * Returns the auto hide dock container widget this dock area widget belongs to or 0
+	 * if there is no
+	 */
+	CAutoHideDockContainer* autoHideDockContainer() const; 
+
+	/**
+	 * Returns true if the dock area is in an auto hide container
+	 */
+	bool isAutoHide() const;
+
+
+	/**
+	 * Sets the current auto hide dock container
+	 */
+	void setAutoHideDockContainer(CAutoHideDockContainer* AutoHideDockContainer);
+
     /**
      * Returns the largest minimumSizeHint() of the dock widgets in this
      * area.
@@ -262,6 +303,13 @@ public:
 	 */
 	void saveState(QXmlStreamWriter& Stream) const;
 
+    /**
+	 * Restores a dock area.
+	 * \see restoreChildNodes() for details
+	 */
+    static bool restoreState(CDockingStateReader& Stream, CDockAreaWidget*& CreatedWidget,
+		bool Testing, CDockContainerWidget* ParentContainer);
+
 	/**
 	 * This functions returns the dock widget features of all dock widget in
 	 * this area.
@@ -319,10 +367,22 @@ public:
 	void setDockAreaFlag(eDockAreaFlag Flag, bool On);
 
     /**
-     * Returns true if the area contains the central widget of it's manager.
+     * Returns true if the area has a single dock widget and contains the central widget of it's manager.
      */
     bool isCentralWidgetArea() const;
 
+    /**
+     * Returns true if the area contains the central widget of it's manager.
+     */
+    bool containsCentralWidget() const;
+
+    /**
+     * If this dock area is the one and only visible area in a container, then
+     * this function returns true
+     */
+    bool isTopLevelArea() const;
+
+
 public Q_SLOTS:
 	/**
 	 * This activates the tab for the given tab index.
@@ -337,6 +397,19 @@ public Q_SLOTS:
 	void closeArea();
 
 	/**
+	 * Sets the dock area into auto hide mode or into normal mode.
+	 * If the dock area is switched to auto hide mode, then all dock widgets
+	 * that are pinable will be added to the sidebar
+	 */
+	void setAutoHide(bool Enable, SideBarLocation Location = SideBarNone);
+
+	/**
+	 * Switches the dock area to auto hide mode or vice versa depending on its
+	 * current state.
+	 */
+	void toggleAutoHide(SideBarLocation Location = SideBarNone);
+
+    /**
 	 * This function closes all other areas except of this area
 	 */
 	void closeOtherAreas();

src/DockComponentsFactory.cpp

@@ -8,6 +8,7 @@
 //============================================================================
 //                                   INCLUDES
 //============================================================================
+#include <AutoHideTab.h>
 #include "DockComponentsFactory.h"
 
 #include <memory>
@@ -29,6 +30,12 @@ CDockWidgetTab* CDockComponentsFactory::createDockWidgetTab(CDockWidget* DockWid
 	return new CDockWidgetTab(DockWidget);
 }
 
+//============================================================================
+CAutoHideTab* CDockComponentsFactory::createDockWidgetSideTab(CDockWidget *DockWidget) const
+{
+	return new CAutoHideTab(DockWidget);
+}
+
 
 //============================================================================
 CDockAreaTabBar* CDockComponentsFactory::createDockAreaTabBar(CDockAreaWidget* DockArea) const

src/DockComponentsFactory.h

@@ -19,6 +19,7 @@ class CDockAreaTitleBar;
 class CDockAreaTabBar;
 class CDockAreaWidget;
 class CDockWidget;
+class CAutoHideTab;
 
 
 
@@ -46,6 +47,12 @@ public:
 	 */
 	virtual CDockWidgetTab* createDockWidgetTab(CDockWidget* DockWidget) const;
 
+	/**
+	 * This default implementation just creates a dock widget side tab with
+	 * new CDockWidgetTab(DockWidget).
+	 */
+	virtual CAutoHideTab* createDockWidgetSideTab(CDockWidget* DockWidget) const;
+
 	/**
 	 * This default implementation just creates a dock area tab bar with
 	 * new CDockAreaTabBar(DockArea).

src/DockContainerWidget.cpp

@@ -38,6 +38,11 @@
 #include <QDebug>
 #include <QXmlStreamWriter>
 #include <QAbstractButton>
+#include <QLabel>
+#include <QTimer>
+#include <QMetaObject>
+#include <QMetaType>
+#include <QApplication>
 
 #include "DockManager.h"
 #include "DockAreaWidget.h"
@@ -47,6 +52,12 @@
 #include "DockOverlay.h"
 #include "ads_globals.h"
 #include "DockSplitter.h"
+#include "DockWidgetTab.h"
+#include "DockAreaTitleBar.h"
+#include "DockFocusController.h"
+#include "AutoHideDockContainer.h"
+#include "AutoHideSideBar.h"
+#include "AutoHideTab.h"
 
 #include <functional>
 #include <iostream>
@@ -131,12 +142,17 @@ public:
 	QPointer<CDockManager> DockManager;
 	unsigned int zOrderIndex = 0;
 	QList<CDockAreaWidget*> DockAreas;
+	QList<CAutoHideDockContainer*> AutoHideWidgets;
+	QMap<SideBarLocation, CAutoHideSideBar*> SideTabBarWidgets;
 	QGridLayout* Layout = nullptr;
 	QSplitter* RootSplitter = nullptr;
 	bool isFloating = false;
 	CDockAreaWidget* LastAddedAreaCache[5];
 	int VisibleDockAreaCount = -1;
 	CDockAreaWidget* TopLevelDockArea = nullptr;
+	QTimer DelayedAutoHideTimer;
+	CAutoHideTab* DelayedAutoHideTab;
+	bool DelayedAutoHideShow = false;
 
 	/**
 	 * Private data constructor
@@ -212,6 +228,11 @@ public:
 	void saveChildNodesState(QXmlStreamWriter& Stream, QWidget* Widget);
 
 	/**
+	 * Save state of auto hide widgets
+	 */
+    void saveAutoHideWidgetsState(QXmlStreamWriter& Stream);
+
+    /**
 	 * Restore state of child nodes.
 	 * \param[in] Stream The data stream that contains the serialized state
 	 * \param[out] CreatedWidget The widget created from parsed data or 0 if
@@ -236,6 +257,12 @@ public:
 	bool restoreDockArea(CDockingStateReader& Stream, QWidget*& CreatedWidget,
 		bool Testing);
 
+    /**
+     * Restores a auto hide side bar
+     */
+    bool restoreSideBar(CDockingStateReader& Stream, QWidget*& CreatedWidget,
+        bool Testing);
+
 	/**
 	 * Helper function for recursive dumping of layout
 	 */
@@ -351,6 +378,13 @@ DockContainerWidgetPrivate::DockContainerWidgetPrivate(CDockContainerWidget* _pu
 	_this(_public)
 {
 	std::fill(std::begin(LastAddedAreaCache),std::end(LastAddedAreaCache), nullptr);
+	DelayedAutoHideTimer.setSingleShot(true);
+	DelayedAutoHideTimer.setInterval(500);
+	QObject::connect(&DelayedAutoHideTimer, &QTimer::timeout, [this](){
+		auto GlobalPos = DelayedAutoHideTab->mapToGlobal(QPoint(0, 0));
+		qApp->sendEvent(DelayedAutoHideTab, new QMouseEvent(QEvent::MouseButtonPress,
+				QPoint(0, 0), GlobalPos, Qt::LeftButton, {Qt::LeftButton}, Qt::NoModifier));
+	});
 }
 
 
@@ -402,13 +436,11 @@ void DockContainerWidgetPrivate::onVisibleDockAreaCountChanged()
 	if (TopLevelDockArea)
 	{
 		this->TopLevelDockArea = TopLevelDockArea;
-		TopLevelDockArea->titleBarButton(TitleBarButtonUndock)->setVisible(false || !_this->isFloating());
-		TopLevelDockArea->titleBarButton(TitleBarButtonClose)->setVisible(false || !_this->isFloating());
+		TopLevelDockArea->updateTitleBarButtonVisibility(true);
 	}
 	else if (this->TopLevelDockArea)
 	{
-		this->TopLevelDockArea->titleBarButton(TitleBarButtonUndock)->setVisible(true);
-		this->TopLevelDockArea->titleBarButton(TitleBarButtonClose)->setVisible(true);
+		this->TopLevelDockArea->updateTitleBarButtonVisibility(false);
 		this->TopLevelDockArea = nullptr;
 	}
 }
@@ -520,8 +552,9 @@ void DockContainerWidgetPrivate::dropIntoSection(CFloatingDockContainer* Floatin
 		return;
 	}
 
+	CDockContainerWidget* FloatingContainer = FloatingWidget->dockContainer();
 	auto InsertParam = internal::dockAreaInsertParameters(area);
-	auto NewDockAreas = FloatingWidget->dockContainer()->findChildren<CDockAreaWidget*>(
+	auto NewDockAreas = FloatingContainer->findChildren<CDockAreaWidget*>(
 		QString(), Qt::FindChildrenRecursively);
 	QSplitter* TargetAreaSplitter = internal::findParent<QSplitter*>(TargetArea);
 
@@ -534,9 +567,7 @@ void DockContainerWidgetPrivate::dropIntoSection(CFloatingDockContainer* Floatin
         TargetAreaSplitter = Splitter;
 	}
 	int AreaIndex = TargetAreaSplitter->indexOf(TargetArea);
-	auto Widget = FloatingWidget->dockContainer()->findChild<QWidget*>(QString(), Qt::FindDirectChildrenOnly);
-	auto FloatingSplitter = qobject_cast<QSplitter*>(Widget);
-
+	auto FloatingSplitter = FloatingContainer->rootSplitter();
 	if (TargetAreaSplitter->orientation() == InsertParam.orientation())
 	{
 		auto Sizes = TargetAreaSplitter->sizes();
@@ -544,7 +575,7 @@ void DockContainerWidgetPrivate::dropIntoSection(CFloatingDockContainer* Floatin
 		bool AdjustSplitterSizes = true;
 		if ((FloatingSplitter->orientation() != InsertParam.orientation()) && FloatingSplitter->count() > 1)
 		{
-			TargetAreaSplitter->insertWidget(AreaIndex + InsertParam.insertOffset(), Widget);
+			TargetAreaSplitter->insertWidget(AreaIndex + InsertParam.insertOffset(), FloatingSplitter);
             updateSplitterHandles(TargetAreaSplitter);
         }
 		else
@@ -573,7 +604,7 @@ void DockContainerWidgetPrivate::dropIntoSection(CFloatingDockContainer* Floatin
 		bool AdjustSplitterSizes = true;
 		if ((FloatingSplitter->orientation() != InsertParam.orientation()) && FloatingSplitter->count() > 1)
 		{
-			NewSplitter->addWidget(Widget);
+			NewSplitter->addWidget(FloatingSplitter);
             updateSplitterHandles(NewSplitter);
         }
 		else
@@ -803,8 +834,8 @@ void DockContainerWidgetPrivate::addDockAreasToList(const QList<CDockAreaWidget*
 	// likely hidden. We need to ensure, that it is visible
 	for (auto DockArea : NewDockAreas)
 	{
-		DockArea->titleBarButton(TitleBarButtonUndock)->setVisible(true);
 		DockArea->titleBarButton(TitleBarButtonClose)->setVisible(true);
+		DockArea->titleBarButton(TitleBarButtonAutoHide)->setVisible(true);
 	}
 
 	// We need to ensure, that the dock area title bar is visible. The title bar
@@ -872,6 +903,21 @@ void DockContainerWidgetPrivate::saveChildNodesState(QXmlStreamWriter& s, QWidge
 }
 
 
+//============================================================================
+void DockContainerWidgetPrivate::saveAutoHideWidgetsState(QXmlStreamWriter& s)
+{
+	for (const auto sideTabBar : SideTabBarWidgets.values())
+    {
+		if (!sideTabBar->tabCount())
+		{
+			continue;
+		}
+
+		sideTabBar->saveState(s);
+    }
+}
+
+
 //============================================================================
 bool DockContainerWidgetPrivate::restoreSplitter(CDockingStateReader& s,
 	QWidget*& CreatedWidget, bool Testing)
@@ -992,90 +1038,88 @@ bool DockContainerWidgetPrivate::restoreSplitter(CDockingStateReader& s,
 bool DockContainerWidgetPrivate::restoreDockArea(CDockingStateReader& s,
 	QWidget*& CreatedWidget, bool Testing)
 {
+	CDockAreaWidget* DockArea = nullptr;
+	auto Result = CDockAreaWidget::restoreState(s, DockArea, Testing, _this);
+	if (Result && DockArea)
+	{
+		appendDockAreas({DockArea});
+	}
+	CreatedWidget = DockArea;
+	return Result;
+}
+
+
+//============================================================================
+bool DockContainerWidgetPrivate::restoreSideBar(CDockingStateReader& s,
+	QWidget*& CreatedWidget, bool Testing)
+{
+	Q_UNUSED(CreatedWidget)
+	// Simply ignore side bar auto hide widgets from saved state if
+	// auto hide support is disabled
+	if (!CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideFeatureEnabled))
+	{
+		return true;
+	}
+
 	bool Ok;
-#ifdef ADS_DEBUG_PRINT
-	int Tabs = s.attributes().value("Tabs").toInt(&Ok);
+	auto Area = (ads::SideBarLocation)s.attributes().value("Area").toInt(&Ok);
 	if (!Ok)
 	{
 		return false;
 	}
-#endif
-
-	QString CurrentDockWidget = s.attributes().value("Current").toString();
-    ADS_PRINT("Restore NodeDockArea Tabs: " << Tabs << " Current: "
-            << CurrentDockWidget);
-
-	CDockAreaWidget* DockArea = nullptr;
-	if (!Testing)
-	{
-		DockArea = new CDockAreaWidget(DockManager, _this);
-		const auto AllowedAreasAttribute = s.attributes().value("AllowedAreas");
-		if (!AllowedAreasAttribute.isEmpty())
-		{
-			DockArea->setAllowedAreas((DockWidgetArea)AllowedAreasAttribute.toInt(nullptr, 16));
-		}
-
-		const auto FlagsAttribute = s.attributes().value("Flags");
-		if (!FlagsAttribute.isEmpty())
-		{
-			DockArea->setDockAreaFlags((CDockAreaWidget::DockAreaFlags)FlagsAttribute.toInt(nullptr, 16));
-		}
-	}
 
 	while (s.readNextStartElement())
 	{
-        if (s.name() != QLatin1String("Widget"))
+		if (s.name() != QLatin1String("Widget"))
 		{
 			continue;
 		}
 
-		auto ObjectName = s.attributes().value("Name");
-		if (ObjectName.isEmpty())
+		auto Name = s.attributes().value("Name");
+		if (Name.isEmpty())
 		{
 			return false;
 		}
 
+		bool Ok;
 		bool Closed = s.attributes().value("Closed").toInt(&Ok);
 		if (!Ok)
 		{
 			return false;
 		}
 
+		int Size = s.attributes().value("Size").toInt(&Ok);
+		if (!Ok)
+		{
+			return false;
+		}
+
 		s.skipCurrentElement();
-		CDockWidget* DockWidget = DockManager->findDockWidget(ObjectName.toString());
+		CDockWidget* DockWidget = DockManager->findDockWidget(Name.toString());
 		if (!DockWidget || Testing)
 		{
 			continue;
 		}
 
-        ADS_PRINT("Dock Widget found - parent " << DockWidget->parent());
-		// We hide the DockArea here to prevent the short display (the flashing)
-		// of the dock areas during application startup
-		DockArea->hide();
-		DockArea->addDockWidget(DockWidget);
-		DockWidget->setToggleViewActionChecked(!Closed);
-		DockWidget->setClosedState(Closed);
-		DockWidget->setProperty(internal::ClosedProperty, Closed);
+		auto SideBar = _this->sideTabBar(Area);
+		CAutoHideDockContainer* AutoHideContainer;
+		if (DockWidget->isAutoHide())
+		{
+			AutoHideContainer = DockWidget->autoHideDockContainer();
+			if (AutoHideContainer->sideBar() != SideBar)
+			{
+				SideBar->addAutoHideWidget(AutoHideContainer);
+			}
+		}
+		else
+		{
+			AutoHideContainer = SideBar->insertDockWidget(-1, DockWidget);
+		}
+		AutoHideContainer->setSize(Size);
+        DockWidget->setProperty(internal::ClosedProperty, Closed);
 		DockWidget->setProperty(internal::DirtyProperty, false);
 	}
 
-	if (Testing)
-	{
-		return true;
-	}
-
-	if (!DockArea->dockWidgetsCount())
-	{
-		delete DockArea;
-		DockArea = nullptr;
-	}
-	else
-	{
-		DockArea->setProperty("currentDockWidget", CurrentDockWidget);
-		appendDockAreas({DockArea});
-	}
-
-	CreatedWidget = DockArea;
 	return true;
 }
 
@@ -1097,6 +1141,11 @@ bool DockContainerWidgetPrivate::restoreChildNodes(CDockingStateReader& s,
 			Result = restoreDockArea(s, CreatedWidget, Testing);
             ADS_PRINT("DockAreaWidget");
 		}
+        else if (s.name() == QLatin1String("SideBar"))
+        {
+        	Result = restoreSideBar(s, CreatedWidget, Testing);
+        	ADS_PRINT("SideBar");
+        }
 		else
 		{
 			s.skipCurrentElement();
@@ -1286,6 +1335,8 @@ CDockContainerWidget::CDockContainerWidget(CDockManager* DockManager, QWidget *p
 	d->Layout = new QGridLayout();
 	d->Layout->setContentsMargins(0, 0, 0, 0);
 	d->Layout->setSpacing(0);
+	d->Layout->setColumnStretch(1, 1);
+	d->Layout->setRowStretch(1, 1);
 	setLayout(d->Layout);
 
 	// The function d->newSplitter() accesses the config flags from dock
@@ -1297,9 +1348,11 @@ CDockContainerWidget::CDockContainerWidget(CDockManager* DockManager, QWidget *p
 	{
 		d->DockManager->registerDockContainer(this);
 		createRootSplitter();
+		createSideTabBarWidgets();
 	}
 }
 
+
 //============================================================================
 CDockContainerWidget::~CDockContainerWidget()
 {
@@ -1307,6 +1360,7 @@ CDockContainerWidget::~CDockContainerWidget()
 	{
 		d->DockManager->removeDockContainer(this);
 	}
+
 	delete d;
 }
 
@@ -1315,6 +1369,7 @@ CDockContainerWidget::~CDockContainerWidget()
 CDockAreaWidget* CDockContainerWidget::addDockWidget(DockWidgetArea area, CDockWidget* Dockwidget,
 	CDockAreaWidget* DockAreaWidget, int Index)
 {
+	auto TopLevelDockWidget = topLevelDockWidget();
 	CDockAreaWidget* OldDockArea = Dockwidget->dockAreaWidget();
 	if (OldDockArea)
 	{
@@ -1322,16 +1377,50 @@ CDockAreaWidget* CDockContainerWidget::addDockWidget(DockWidgetArea area, CDockW
 	}
 
 	Dockwidget->setDockManager(d->DockManager);
+	CDockAreaWidget* DockArea;
 	if (DockAreaWidget)
 	{
-		return d->addDockWidgetToDockArea(area, Dockwidget, DockAreaWidget, Index);
+		DockArea = d->addDockWidgetToDockArea(area, Dockwidget, DockAreaWidget, Index);
 	}
 	else
 	{
-		return d->addDockWidgetToContainer(area, Dockwidget);
+		DockArea = d->addDockWidgetToContainer(area, Dockwidget);
 	}
+
+	if (TopLevelDockWidget)
+	{
+		auto NewTopLevelDockWidget = topLevelDockWidget();
+		// If the container contained only one visible dock widget, the we need
+		// to emit a top level event for this widget because it is not the one and
+		// only visible docked widget anymore
+		if (!NewTopLevelDockWidget)
+		{
+			CDockWidget::emitTopLevelEventForWidget(TopLevelDockWidget, false);
+		}
+	}
+	return DockArea;
 }
 
+
+//============================================================================
+CAutoHideDockContainer* CDockContainerWidget::createAndSetupAutoHideContainer(
+	SideBarLocation area, CDockWidget* DockWidget)
+{
+	if (!CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideFeatureEnabled))
+	{
+		Q_ASSERT_X(false, "CDockContainerWidget::createAndInitializeDockWidgetOverlayContainer",
+			"Requested area does not exist in config");
+		return nullptr;
+	}
+	if (d->DockManager != DockWidget->dockManager())
+	{
+        DockWidget->setDockManager(d->DockManager); // Auto hide Dock Container needs a valid dock manager
+	}
+
+	return sideTabBar(area)->insertDockWidget(-1, DockWidget);
+}
+
+
 //============================================================================
 void CDockContainerWidget::removeDockWidget(CDockWidget* Dockwidget)
 {
@@ -1373,6 +1462,13 @@ bool CDockContainerWidget::event(QEvent *e)
 }
 
 
+//============================================================================
+QList<CAutoHideDockContainer*> CDockContainerWidget::autoHideWidgets() const
+{
+	return d->AutoHideWidgets;
+}
+
+
 //============================================================================
 void CDockContainerWidget::addDockArea(CDockAreaWidget* DockAreaWidget,
 	DockWidgetArea area)
@@ -1391,6 +1487,13 @@ void CDockContainerWidget::addDockArea(CDockAreaWidget* DockAreaWidget,
 void CDockContainerWidget::removeDockArea(CDockAreaWidget* area)
 {
     ADS_PRINT("CDockContainerWidget::removeDockArea");
+    // If it is an auto hide area, then there is nothing much to do
+	if (area->isAutoHide())
+	{
+        area->setAutoHideDockContainer(nullptr);
+		return;
+	}
+
 	area->disconnect(this);
 	d->DockAreas.removeAll(area);
 	CDockSplitter* Splitter = internal::findParent<CDockSplitter*>(area);
@@ -1562,6 +1665,14 @@ void CDockContainerWidget::dropFloatingWidget(CFloatingDockContainer* FloatingWi
 		}
 	}
 
+    // Remove the auto hide widgets from the FloatingWidget and insert
+	// them into this widget
+	for (auto AutohideWidget : FloatingWidget->dockContainer()->autoHideWidgets())
+	{
+		auto SideBar = sideTabBar(AutohideWidget->sideBarLocation());
+		SideBar->addAutoHideWidget(AutohideWidget);
+	}
+
 	if (Dropped)
 	{ 
 		// Fix https://github.com/githubuser0xFFFF/Qt-Advanced-Docking-System/issues/351
@@ -1673,6 +1784,7 @@ void CDockContainerWidget::saveState(QXmlStreamWriter& s) const
 #endif
 	}
 	d->saveChildNodesState(s, d->RootSplitter);
+	d->saveAutoHideWidgetsState(s);
 	s.writeEndElement();
 }
 
@@ -1683,7 +1795,7 @@ bool CDockContainerWidget::restoreState(CDockingStateReader& s, bool Testing)
 	bool IsFloating = s.attributes().value("Floating").toInt();
     ADS_PRINT("Restore CDockContainerWidget Floating" << IsFloating);
 
-	QWidget*NewRootSplitter {};
+	QWidget* NewRootSplitter {};
 	if (!Testing)
 	{
 		d->VisibleDockAreaCount = -1;// invalidate the dock area count
@@ -1757,7 +1869,41 @@ void CDockContainerWidget::createRootSplitter()
 		return;
 	}
 	d->RootSplitter = d->newSplitter(Qt::Horizontal);
-	d->Layout->addWidget(d->RootSplitter);
+	d->Layout->addWidget(d->RootSplitter, 1, 1); // Add it to the center - the 0 and 2 indexes are used for the SideTabBar widgets
+}
+
+
+//============================================================================
+void CDockContainerWidget::createSideTabBarWidgets()
+{
+	if (!CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideFeatureEnabled))
+	{
+		return;
+	}
+
+	{
+		auto Area = SideBarLocation::SideBarLeft;
+        d->SideTabBarWidgets[Area] = new CAutoHideSideBar(this, Area);
+		d->Layout->addWidget(d->SideTabBarWidgets[Area], 1, 0);
+	}
+
+	{
+		auto Area = SideBarLocation::SideBarRight;
+        d->SideTabBarWidgets[Area] = new CAutoHideSideBar(this, Area);
+		d->Layout->addWidget(d->SideTabBarWidgets[Area], 1, 2);
+	}
+
+	{
+		auto Area = SideBarLocation::SideBarBottom;
+        d->SideTabBarWidgets[Area] = new CAutoHideSideBar(this, Area);
+        d->Layout->addWidget(d->SideTabBarWidgets[Area], 2, 1);
+	}
+
+	{
+		auto Area = SideBarLocation::SideBarTop;
+        d->SideTabBarWidgets[Area] = new CAutoHideSideBar(this, Area);
+        d->Layout->addWidget(d->SideTabBarWidgets[Area], 0, 1);
+	}
 }
 
 
@@ -1839,13 +1985,25 @@ QList<CDockWidget*> CDockContainerWidget::dockWidgets() const
 	return Result;
 }
 
-
 //============================================================================
 void CDockContainerWidget::updateSplitterHandles(QSplitter* splitter)
 {
     d->updateSplitterHandles(splitter);
 }
 
+//============================================================================
+void CDockContainerWidget::registerAutoHideWidget(CAutoHideDockContainer* AutohideWidget)
+{
+	d->AutoHideWidgets.append(AutohideWidget);
+	Q_EMIT autoHideWidgetCreated(AutohideWidget);
+    ADS_PRINT("d->AutoHideWidgets.count() " << d->AutoHideWidgets.count());
+}
+
+//============================================================================
+void CDockContainerWidget::removeAutoHideWidget(CAutoHideDockContainer* AutohideWidget)
+{
+	d->AutoHideWidgets.removeAll(AutohideWidget);
+}
 
 //============================================================================
 CDockWidget::DockWidgetFeatures CDockContainerWidget::features() const
@@ -1892,7 +2050,123 @@ void CDockContainerWidget::closeOtherAreas(CDockAreaWidget* KeepOpenArea)
 	}
 }
 
+//============================================================================
+CAutoHideSideBar* CDockContainerWidget::sideTabBar(SideBarLocation area) const
+{
+	return d->SideTabBarWidgets[area];
+}
 
+
+//============================================================================
+QRect CDockContainerWidget::contentRect() const
+{
+	if (!d->RootSplitter)
+	{
+		return QRect();
+	}
+
+	return d->RootSplitter->geometry();
+}
+
+
+//===========================================================================
+QRect CDockContainerWidget::contentRectGlobal() const
+{
+	if (!d->RootSplitter)
+	{
+		return QRect();
+	}
+	return internal::globalGeometry(d->RootSplitter);
+}
+
+
+//===========================================================================
+CDockManager* CDockContainerWidget::dockManager() const
+{
+	return d->DockManager;
+}
+
+
+//===========================================================================
+void CDockContainerWidget::handleAutoHideWidgetEvent(QEvent* e, QWidget* w)
+{
+	if (!CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideShowOnMouseOver))
+	{
+		return;
+	}
+
+	if (dockManager()->isRestoringState())
+	{
+		return;
+	}
+
+	auto AutoHideTab = qobject_cast<CAutoHideTab*>(w);
+	if (AutoHideTab)
+	{
+		switch (e->type())
+		{
+		case QEvent::Enter:
+			 if (!AutoHideTab->dockWidget()->isVisible())
+			 {
+				 d->DelayedAutoHideTab = AutoHideTab;
+				 d->DelayedAutoHideShow = true;
+				 d->DelayedAutoHideTimer.start();
+			 }
+			 else
+			 {
+				 d->DelayedAutoHideTimer.stop();
+			 }
+			 break;
+
+		case QEvent::MouseButtonPress:
+			 d->DelayedAutoHideTimer.stop();
+			 break;
+
+		case QEvent::Leave:
+			 if (AutoHideTab->dockWidget()->isVisible())
+			 {
+				 d->DelayedAutoHideTab = AutoHideTab;
+				 d->DelayedAutoHideShow = false;
+				 d->DelayedAutoHideTimer.start();
+			 }
+			 else
+			 {
+				 d->DelayedAutoHideTimer.stop();
+			 }
+			 break;
+
+		default:
+			break;
+		}
+		return;
+	}
+
+	auto AutoHideContainer = qobject_cast<CAutoHideDockContainer*>(w);
+	if (AutoHideContainer)
+	{
+		switch (e->type())
+		{
+		case QEvent::Enter:
+		case QEvent::Hide:
+			 d->DelayedAutoHideTimer.stop();
+			 break;
+
+		case QEvent::Leave:
+			 if (AutoHideContainer->isVisible())
+			 {
+				 d->DelayedAutoHideTab = AutoHideContainer->autoHideTab();
+				 d->DelayedAutoHideShow = false;
+				 d->DelayedAutoHideTimer.start();
+			 }
+			 break;
+
+		default:
+			break;
+		}
+		return;
+		return;
+	}
+}
 } // namespace ads
 
 //---------------------------------------------------------------------------

src/DockContainerWidget.h

@@ -33,6 +33,7 @@
 #include <QFrame>
 
 #include "ads_globals.h"
+#include "AutoHideTab.h"
 #include "DockWidget.h"
 
 QT_FORWARD_DECLARE_CLASS(QXmlStreamWriter)
@@ -50,6 +51,10 @@ struct FloatingDockContainerPrivate;
 class CFloatingDragPreview;
 struct FloatingDragPreviewPrivate;
 class CDockingStateReader;
+class CAutoHideSideBar;
+class CAutoHideTab;
+struct AutoHideTabPrivate;
+struct AutoHideDockContainerPrivate;
 
 
 /**
@@ -74,6 +79,11 @@ private:
 	friend class CDockWidget;
 	friend class CFloatingDragPreview;
 	friend struct FloatingDragPreviewPrivate;
+	friend CAutoHideDockContainer;
+	friend CAutoHideTab;
+	friend AutoHideTabPrivate;
+	friend AutoHideDockContainerPrivate;
+	friend CAutoHideSideBar;
 
 protected:
 	/**
@@ -86,11 +96,23 @@ protected:
 	 */
 	QSplitter* rootSplitter() const;
 
+	/**
+	 * Creates and initializes a dockwidget auto hide container into the given area.
+	 * Initializing inserts the tabs into the side tab widget and hides it
+	 * Returns nullptr if you try and insert into an area where the configuration is not enabled
+	 */
+	CAutoHideDockContainer* createAndSetupAutoHideContainer(SideBarLocation area, CDockWidget* DockWidget);
+
 	/**
 	 * Helper function for creation of the root splitter
 	 */
 	void createRootSplitter();
 
+	/**
+	 * Helper function for creation of the side tab bar widgets
+	 */
+	void createSideTabBarWidgets();
+
 	/**
 	 * Drop floating widget into the container
 	 */
@@ -142,7 +164,8 @@ protected:
 	CDockWidget* topLevelDockWidget() const;
 
 	/**
-	 * Returns the top level dock area.
+	 * If the container has only one single visible dock area, then this
+	 * functions returns this top level dock area
 	 */
 	CDockAreaWidget* topLevelDockArea() const;
 
@@ -162,6 +185,24 @@ protected:
      */
     void updateSplitterHandles(QSplitter* splitter);
 
+	/**
+	 * Registers the given floating widget in the internal list of
+	 * auto hide widgets
+	 */
+    void registerAutoHideWidget(CAutoHideDockContainer* AutoHideWidget);
+
+    /**
+	 * Remove the given auto hide widget from the list of registered auto hide
+	 * widgets
+	 */
+    void removeAutoHideWidget(CAutoHideDockContainer* AutoHideWidget);
+
+    /**
+     * Handles widget events of auto hide widgets to trigger delayed show
+     * or hide actions for auto hide container on auto hide tab mouse over
+     */
+    void handleAutoHideWidgetEvent(QEvent* e, QWidget* w);
+
 public:
 	/**
 	 * Default Constructor
@@ -278,6 +319,36 @@ public:
 	 */
 	void closeOtherAreas(CDockAreaWidget* KeepOpenArea);
 
+	/**
+	 * Returns the side tab widget for the given area
+	 */
+	CAutoHideSideBar* sideTabBar(SideBarLocation area) const;
+
+
+	/**
+	 * Access function for auto hide widgets
+	 */
+	QList<CAutoHideDockContainer*> autoHideWidgets() const;
+
+	/**
+	 * Returns the content rectangle without the autohide side bars
+	 */
+	QRect contentRect() const;
+
+	/**
+	 * Returns the content rectangle mapped to global space.
+	 * The content rectangle is the rectangle of the dock manager widget minus
+	 * the auto hide side bars. So that means, it is the geometry of the
+	 * internal root splitter mapped to global space.
+	 */
+	QRect contentRectGlobal() const;
+
+	/**
+	 * Returns the dock manager that owns this container
+	 */
+	CDockManager* dockManager() const;
+
+
 Q_SIGNALS:
 	/**
 	 * This signal is emitted if one or multiple dock areas has been added to
@@ -286,6 +357,11 @@ Q_SIGNALS:
 	 */
 	void dockAreasAdded();
 
+	/**
+	 * This signal is emitted, if a new auto hide widget has been created.
+	 */
+	void autoHideWidgetCreated(ads::CAutoHideDockContainer* AutoHideWidget);
+
 	/**
 	 * This signal is emitted if one or multiple dock areas has been removed
 	 */

src/DockFocusController.cpp

@@ -8,6 +8,7 @@
 //============================================================================
 //                                   INCLUDES
 //============================================================================
+#include <AutoHideTab.h>
 #include "DockFocusController.h"
 
 #include <algorithm>
@@ -185,7 +186,7 @@ void DockFocusControllerPrivate::updateDockWidgetFocus(CDockWidget* DockWidget)
 	}
 #endif
 
-    if (old == DockWidget && !ForceFocusChangedSignal)
+	if (old == DockWidget && !ForceFocusChangedSignal)
     {
     	return;
     }
@@ -311,6 +312,14 @@ void CDockFocusController::setDockWidgetTabFocused(CDockWidgetTab* Tab)
 }
 
 
+//===========================================================================
+void CDockFocusController::clearDockWidgetFocus(CDockWidget* dockWidget)
+{
+	dockWidget->clearFocus();
+	updateDockWidgetFocusStyle(dockWidget, false);
+}
+
+
 //===========================================================================
 void CDockFocusController::setDockWidgetFocused(CDockWidget* focusedNow)
 {

src/DockFocusController.h

@@ -75,6 +75,11 @@ public:
 	 */
 	void setDockWidgetTabFocused(CDockWidgetTab* Tab);
 
+	/*
+	 * Request clear focus for a dock widget
+	 */
+	void clearDockWidgetFocus(CDockWidget* dockWidget);
+
 public Q_SLOTS:
 	/**
 	 * Request a focus change to the given dock widget

src/DockManager.cpp

@@ -28,6 +28,7 @@
 //============================================================================
 //                                   INCLUDES
 //============================================================================
+#include <AutoHideDockContainer.h>
 #include "DockWidgetTab.h"
 #include "DockManager.h"
 
@@ -91,6 +92,7 @@ enum eStateFileVersion
 };
 
 static CDockManager::ConfigFlags StaticConfigFlags = CDockManager::DefaultNonOpaqueConfig;
+static CDockManager::AutoHideFlags StaticAutoHideConfigFlags; // auto hide feature is disabled by default
 
 static QString FloatingContainersTitle;
 
@@ -153,7 +155,7 @@ struct DockManagerPrivate
 	{
 		for (auto DockWidget : DockWidgetsMap)
 		{
-			DockWidget->setProperty("dirty", true);
+			DockWidget->setProperty(internal::DirtyProperty, true);
 		}
 	}
 
@@ -346,6 +348,12 @@ void DockManagerPrivate::restoreDockWidgetsOpenState()
     {
     	if (DockWidget->property(internal::DirtyProperty).toBool())
     	{
+    		// If the DockWidget is an auto hide widget that is not assigned yet,
+    		// then we need to delete the auto hide container now
+    		if (DockWidget->isAutoHide())
+    		{
+    			DockWidget->autoHideDockContainer()->cleanupAndDelete();
+    		}
     		DockWidget->flagAsUnassigned();
             Q_EMIT DockWidget->viewToggled(false);
     	}
@@ -484,6 +492,7 @@ CDockManager::CDockManager(QWidget *parent) :
 	d(new DockManagerPrivate(this))
 {
 	createRootSplitter();
+	createSideTabBarWidgets();
 	QMainWindow* MainWindow = qobject_cast<QMainWindow*>(parent);
 	if (MainWindow)
 	{
@@ -538,6 +547,7 @@ CDockManager::~CDockManager()
 	{
 		delete FloatingWidget;
 	}
+
 	delete d;
 }
 
@@ -636,7 +646,6 @@ void CDockManager::removeFloatingWidget(CFloatingDockContainer* FloatingWidget)
 	d->FloatingWidgets.removeAll(FloatingWidget);
 }
 
-
 //============================================================================
 void CDockManager::registerDockContainer(CDockContainerWidget* DockContainer)
 {
@@ -845,7 +854,7 @@ CDockAreaWidget* CDockManager::addDockWidget(DockWidgetArea area,
 	CDockWidget* Dockwidget, CDockAreaWidget* DockAreaWidget, int Index)
 {
 	d->DockWidgetsMap.insert(Dockwidget->objectName(), Dockwidget);
-	auto Container = DockAreaWidget ? DockAreaWidget->dockContainer(): this;
+	auto Container = DockAreaWidget ? DockAreaWidget->dockContainer() : this;
 	auto AreaOfAddedDockWidget = Container->addDockWidget(area, Dockwidget, DockAreaWidget, Index);
 	Q_EMIT dockWidgetAdded(Dockwidget);
 	return AreaOfAddedDockWidget;
@@ -861,6 +870,24 @@ CDockAreaWidget* CDockManager::addDockWidgetToContainer(DockWidgetArea area,
 	return AreaOfAddedDockWidget;
 }
 
+//============================================================================
+CAutoHideDockContainer* CDockManager::addAutoHideDockWidget(SideBarLocation area, CDockWidget* Dockwidget)
+{
+	return addAutoHideDockWidgetToContainer(area, Dockwidget, this);
+}
+
+//============================================================================
+CAutoHideDockContainer* CDockManager::addAutoHideDockWidgetToContainer(SideBarLocation area, CDockWidget* Dockwidget,
+	CDockContainerWidget* DockContainerWidget)
+{
+	d->DockWidgetsMap.insert(Dockwidget->objectName(), Dockwidget);
+	auto container = DockContainerWidget->createAndSetupAutoHideContainer(area, Dockwidget);
+	container->collapseView(true);
+
+	Q_EMIT dockWidgetAdded(Dockwidget);
+	return container;
+}
+
 
 //============================================================================
 CDockAreaWidget* CDockManager::addDockWidgetTab(DockWidgetArea area,
@@ -1046,6 +1073,7 @@ CDockAreaWidget* CDockManager::setCentralWidget(CDockWidget* widget)
 	widget->setFeature(CDockWidget::DockWidgetClosable, false);
 	widget->setFeature(CDockWidget::DockWidgetMovable, false);
 	widget->setFeature(CDockWidget::DockWidgetFloatable, false);
+	widget->setFeature(CDockWidget::DockWidgetPinnable, false);
 	d->CentralWidget = widget;
 	CDockAreaWidget* CentralArea = addDockWidget(CenterDockWidgetArea, widget);
 	CentralArea->setDockAreaFlag(CDockAreaWidget::eDockAreaFlag::HideSingleWidgetTitleBar, true);
@@ -1117,6 +1145,11 @@ CDockManager::ConfigFlags CDockManager::configFlags()
 	return StaticConfigFlags;
 }
 
+CDockManager::AutoHideFlags CDockManager::autoHideConfigFlags()
+{
+	return StaticAutoHideConfigFlags;
+}
+
 
 //===========================================================================
 void CDockManager::setConfigFlags(const ConfigFlags Flags)
@@ -1125,12 +1158,26 @@ void CDockManager::setConfigFlags(const ConfigFlags Flags)
 }
 
 
+//===========================================================================
+void CDockManager::setAutoHideConfigFlags(const AutoHideFlags Flags)
+{
+	StaticAutoHideConfigFlags = Flags;
+}
+
+
 //===========================================================================
 void CDockManager::setConfigFlag(eConfigFlag Flag, bool On)
 {
 	internal::setFlag(StaticConfigFlags, Flag, On);
 }
 
+
+//===========================================================================
+void CDockManager::setAutoHideConfigFlag(eAutoHideFlag Flag, bool On)
+{
+	internal::setFlag(StaticAutoHideConfigFlags, Flag, On);
+}
+
 //===========================================================================
 bool CDockManager::testConfigFlag(eConfigFlag Flag)
 {
@@ -1138,6 +1185,13 @@ bool CDockManager::testConfigFlag(eConfigFlag Flag)
 }
 
 
+//===========================================================================
+bool CDockManager::testAutoHideConfigFlag(eAutoHideFlag Flag)
+{
+	return autoHideConfigFlags().testFlag(Flag);
+}
+
+
 //===========================================================================
 CIconProvider& CDockManager::iconProvider()
 {
@@ -1263,6 +1317,7 @@ void CDockManager::setFloatingContainersTitle(const QString& Title)
 	FloatingContainersTitle = Title;
 }
 
+
 //===========================================================================
 QString CDockManager::floatingContainersTitle()
 {

src/DockManager.h

@@ -54,6 +54,7 @@ struct DockAreaWidgetPrivate;
 class CIconProvider;
 class CDockComponentsFactory;
 class CDockFocusController;
+class CAutoHideSideBar;
 
 /**
  * The central dock manager that maintains the complete docking system.
@@ -84,6 +85,8 @@ private:
 	friend class CFloatingDragPreview;
 	friend struct FloatingDragPreviewPrivate;
 	friend class CDockAreaTitleBar;
+	friend class CAutoHideDockContainer;
+	friend CAutoHideSideBar;
 
 
 protected:
@@ -177,7 +180,6 @@ public:
 		TabCloseButtonIsToolButton = 0x0040,//! If enabled the tab close buttons will be QToolButtons instead of QPushButtons - disabled by default
 		AllTabsHaveCloseButton = 0x0080, //!< if this flag is set, then all tabs that are closable show a close button
 		RetainTabSizeWhenCloseButtonHidden = 0x0100, //!< if this flag is set, the space for the close button is reserved even if the close button is not visible
-		OpaqueUndocking = 0x0200,///< If enabled, the widgets are immediately undocked into floating widgets, if disabled, only a draw preview is undocked and the real undocking is deferred until the mouse is released
 		DragPreviewIsDynamic = 0x0400,///< If opaque undocking is disabled, this flag defines the behavior of the drag preview window, if this flag is enabled, the preview will be adjusted dynamically to the drop area
 		DragPreviewShowsContentPixmap = 0x0800,///< If opaque undocking is disabled, the created drag preview window shows a copy of the content of the dock widget / dock are that is dragged
 		DragPreviewHasWindowFrame = 0x1000,///< If opaque undocking is disabled, then this flag configures if the drag preview is frameless or looks like a real window
@@ -204,16 +206,16 @@ public:
 
         DefaultDockAreaButtons = DockAreaHasCloseButton
 							   | DockAreaHasUndockButton
-		                       | DockAreaHasTabsMenuButton,///< default configuration of dock area title bar buttons
+		                       | DockAreaHasTabsMenuButton, ///< default configuration of dock area title bar buttons
 
 		DefaultBaseConfig = DefaultDockAreaButtons
 		                  | ActiveTabHasCloseButton
 		                  | XmlCompressionEnabled
-		                  | FloatingContainerHasWidgetTitle,///< default base configuration settings
+		                  | FloatingContainerHasWidgetTitle, ///< default base configuration settings
 
         DefaultOpaqueConfig = DefaultBaseConfig
 		                    | OpaqueSplitterResize
-		                    | OpaqueUndocking, ///< the default configuration with opaque operations - this may cause issues if ActiveX or Qt 3D windows are involved
+		                    | DragPreviewShowsContentPixmap, ///< the default configuration for non opaque operations
 
 		DefaultNonOpaqueConfig = DefaultBaseConfig
 		              | DragPreviewShowsContentPixmap, ///< the default configuration for non opaque operations
@@ -223,6 +225,27 @@ public:
 	};
 	Q_DECLARE_FLAGS(ConfigFlags, eConfigFlag)
 
+
+	/**
+	 * These global configuration flags configure some dock manager auto hide
+	 * settings
+	 * Set the dock manager flags, before you create the dock manager instance.
+	 */
+    enum eAutoHideFlag
+	{
+		AutoHideFeatureEnabled = 0x01, //!< enables / disables auto hide feature
+		DockAreaHasAutoHideButton = 0x02,     //!< If the flag is set each dock area has a auto hide menu button
+		AutoHideButtonTogglesArea = 0x04, //!< If the flag is set, the auto hide button enables auto hiding for all dock widgets in an area, if disabled, only the current dock widget will be toggled
+		AutoHideButtonCheckable = 0x08, //!< If the flag is set, the auto hide button will be checked and unchecked depending on the auto hide state. Mainly for styling purposes.
+		AutoHideSideBarsIconOnly = 0x10,///< show only icons in auto hide side tab - if a tab has no icon, then the text will be shown
+		AutoHideShowOnMouseOver = 0x20, ///< show the auto hide window on mouse over tab and hide it if mouse leaves auto hide container
+
+		DefaultAutoHideConfig = AutoHideFeatureEnabled
+			                  | DockAreaHasAutoHideButton ///< the default configuration for left and right side bars
+	};
+    Q_DECLARE_FLAGS(AutoHideFlags, eAutoHideFlag)
+
+
 	/**
 	 * Default Constructor.
 	 * If the given parent is a QMainWindow, the dock manager sets itself as the
@@ -242,6 +265,11 @@ public:
 	 */
 	static ConfigFlags configFlags();
 
+	/**
+	 * This function returns the auto hide configuration flags
+	 */
+	static AutoHideFlags autoHideConfigFlags();
+
 	/**
 	 * Sets the global configuration flags for the whole docking system.
 	 * Call this function before you create the dock manager and before
@@ -249,17 +277,35 @@ public:
 	 */
 	static void setConfigFlags(const ConfigFlags Flags);
 
+	/**
+	 * Sets the global configuration flags for the whole docking system.
+	 * Call this function before you create the dock manager and before
+	 * your create the first dock widget.
+	 */
+	static void setAutoHideConfigFlags(const AutoHideFlags Flags);
+
 	/**
 	 * Set a certain config flag.
 	 * \see setConfigFlags()
 	 */
 	static void setConfigFlag(eConfigFlag Flag, bool On = true);
 
+	/**
+	 * Set a certain overlay config flag.
+	 * \see setConfigFlags()
+	 */
+	static void setAutoHideConfigFlag(eAutoHideFlag Flag, bool On = true);
+
 	/**
 	 * Returns true if the given config flag is set
 	 */
 	static bool testConfigFlag(eConfigFlag Flag);
 
+	/**
+	 * Returns true if the given overlay config flag is set
+	 */
+	static bool testAutoHideConfigFlag(eAutoHideFlag Flag);
+
 	/**
 	 * Returns the global icon provider.
 	 * The icon provider enables the use of custom icons in case using
@@ -292,6 +338,21 @@ public:
 	CDockAreaWidget* addDockWidgetToContainer(DockWidgetArea area, CDockWidget* Dockwidget,
 		CDockContainerWidget* DockContainerWidget);
 
+	/**
+	 * Adds an Auto-Hide widget to the dock manager container pinned to
+	 * the given side bar location.
+	 * \return Returns the CAutoHideDockContainer that contains the new DockWidget
+	 */
+	CAutoHideDockContainer* addAutoHideDockWidget(SideBarLocation Location, CDockWidget* Dockwidget);
+
+	/**
+	 * Adds an Auto-Hide widget to the given DockContainerWidget pinned to
+	 * the given side bar location in this container.
+	 * \return Returns the CAutoHideDockContainer that contains the new DockWidget
+	 */
+	CAutoHideDockContainer* addAutoHideDockWidgetToContainer(SideBarLocation Location,
+		CDockWidget* Dockwidget, CDockContainerWidget* DockContainerWidget);
+
 	/**
 	 * This function will add the given Dockwidget to the given dock area as
 	 * a new tab.

src/DockWidget.cpp

@@ -28,6 +28,9 @@
 //============================================================================
 //                                   INCLUDES
 //============================================================================
+#include <AutoHideDockContainer.h>
+#include <AutoHideSideBar.h>
+#include <AutoHideTab.h>
 #include "DockWidgetTab.h"
 #include "DockWidget.h"
 
@@ -91,6 +94,7 @@ struct DockWidgetPrivate
 	QList<QAction*> TitleBarActions;
 	CDockWidget::eMinimumSizeHintMode MinimumSizeHintMode = CDockWidget::MinimumSizeHintFromDockWidget;
 	WidgetFactory* Factory = nullptr;
+	QPointer<CAutoHideTab> SideTabWidget;
 	
 	/**
 	 * Private data constructor
@@ -114,6 +118,12 @@ struct DockWidgetPrivate
 	 */
 	void updateParentDockArea();
 
+	/**
+	 * Closes all auto hide dock widgets if there are no more opened dock areas
+	 * This prevents the auto hide dock widgets from being pinned to an empty dock area
+	 */
+	void closeAutoHideDockWidgetsIfNeeded();
+
 	/**
 	 * Setup the top tool bar
 	 */
@@ -169,7 +179,7 @@ void DockWidgetPrivate::showDockWidget()
 		DockArea->toggleView(true);
 		TabWidget->show();
 		QSplitter* Splitter = internal::findParent<QSplitter*>(DockArea);
-		while (Splitter && !Splitter->isVisible())
+		while (Splitter && !Splitter->isVisible() && !DockArea->isAutoHide())
 		{
 			Splitter->show();
 			Splitter = internal::findParent<QSplitter*>(Splitter);
@@ -182,6 +192,13 @@ void DockWidgetPrivate::showDockWidget()
 					CFloatingDockContainer*>(Container);
 			FloatingWidget->show();
 		}
+
+        // If this widget is pinned and there are no opened dock widgets, unpin the auto hide widget by moving it's contents to parent container
+		// While restoring state, opened dock widgets are not valid
+		if (Container->openedDockWidgets().count() == 0 && DockArea->isAutoHide() && !DockManager->isRestoringState())
+		{
+			DockArea->autoHideDockContainer()->moveContentsToParent();
+		}
 	}
 }
 
@@ -191,7 +208,9 @@ void DockWidgetPrivate::hideDockWidget()
 {
 	TabWidget->hide();
 	updateParentDockArea();
-	
+
+	closeAutoHideDockWidgetsIfNeeded();
+
 	if (Features.testFlag(CDockWidget::DeleteContentOnClose))
 	{
 		Widget->deleteLater();
@@ -226,6 +245,38 @@ void DockWidgetPrivate::updateParentDockArea()
 }
 
 
+//============================================================================
+void DockWidgetPrivate::closeAutoHideDockWidgetsIfNeeded()
+{
+	auto DockContainer = _this->dockContainer();
+	if (!DockContainer)
+	{
+		return;
+	}
+
+	if (_this->dockManager()->isRestoringState())
+	{
+		return;
+	}
+
+	if (!DockContainer->openedDockWidgets().isEmpty())
+	{
+		return;
+	}
+
+	for (auto autoHideWidget : DockContainer->autoHideWidgets())
+	{
+		auto DockWidget = autoHideWidget->dockWidget();
+		if (DockWidget == _this)
+		{
+			continue;
+		}
+
+		DockWidget->toggleView(false);
+	}
+}
+
+
 //============================================================================
 void DockWidgetPrivate::setupToolBar()
 {
@@ -287,7 +338,8 @@ CDockWidget::CDockWidget(const QString &title, QWidget *parent) :
 	setObjectName(title);
 
 	d->TabWidget = componentsFactory()->createDockWidgetTab(this);
-    d->ToggleViewAction = new QAction(title, this);
+
+	d->ToggleViewAction = new QAction(title, this);
 	d->ToggleViewAction->setCheckable(true);
 	connect(d->ToggleViewAction, SIGNAL(triggered(bool)), this,
 		SLOT(toggleView(bool)));
@@ -302,7 +354,7 @@ CDockWidget::CDockWidget(const QString &title, QWidget *parent) :
 //============================================================================
 CDockWidget::~CDockWidget()
 {
-    ADS_PRINT("~CDockWidget()");
+	ADS_PRINT("~CDockWidget()");
 	delete d;
 }
 
@@ -379,7 +431,7 @@ QWidget* CDockWidget::takeWidget()
 	{
 		w->setParent(nullptr);
 	}
-    return w;
+	return w;
 }
 
 
@@ -397,6 +449,18 @@ CDockWidgetTab* CDockWidget::tabWidget() const
 }
 
 
+//============================================================================
+CAutoHideDockContainer* CDockWidget::autoHideDockContainer() const
+{
+	if (!d->DockArea)
+	{
+		return nullptr;
+	}
+
+	return d->DockArea->autoHideDockContainer();
+}
+
+
 //============================================================================
 void CDockWidget::setFeatures(DockWidgetFeatures features)
 {
@@ -416,8 +480,8 @@ void CDockWidget::setFeatures(DockWidgetFeatures features)
 void CDockWidget::setFeature(DockWidgetFeature flag, bool on)
 {
 	auto Features = features();
-    internal::setFlag(Features, flag, on);
-    setFeatures(Features);
+	internal::setFlag(Features, flag, on);
+	setFeatures(Features);
 }
 
 
@@ -470,6 +534,26 @@ CDockAreaWidget* CDockWidget::dockAreaWidget() const
 	return d->DockArea;
 }
 
+//============================================================================
+CAutoHideTab* CDockWidget::sideTabWidget() const
+{
+	return d->SideTabWidget;
+}
+
+
+//============================================================================
+void CDockWidget::setSideTabWidget(CAutoHideTab* SideTab) const
+{
+	d->SideTabWidget = SideTab;
+}
+
+
+//============================================================================
+bool CDockWidget::isAutoHide() const
+{
+	return !d->SideTabWidget.isNull();
+}
+
 
 //============================================================================
 bool CDockWidget::isFloating() const
@@ -541,7 +625,7 @@ void CDockWidget::setMinimumSizeHintMode(eMinimumSizeHintMode Mode)
 //============================================================================
 bool CDockWidget::isCentralWidget() const
 {
-    return dockManager()->centralWidget() == this;
+	return dockManager()->centralWidget() == this;
 }
 
 
@@ -577,6 +661,8 @@ void CDockWidget::toggleViewInternal(bool Open)
 	CDockWidget* TopLevelDockWidgetBefore = DockContainer
 		? DockContainer->topLevelDockWidget() : nullptr;
 
+	d->Closed = !Open;
+
 	if (Open)
 	{
 		d->showDockWidget();
@@ -585,7 +671,7 @@ void CDockWidget::toggleViewInternal(bool Open)
 	{
 		d->hideDockWidget();
 	}
-	d->Closed = !Open;
+
 	d->ToggleViewAction->blockSignals(true);
 	d->ToggleViewAction->setChecked(Open);
 	d->ToggleViewAction->blockSignals(false);
@@ -594,6 +680,11 @@ void CDockWidget::toggleViewInternal(bool Open)
 		d->DockArea->toggleDockWidgetView(this, Open);
 	}
 
+	if (d->DockArea->isAutoHide())
+	{
+		d->DockArea->autoHideDockContainer()->toggleView(Open);
+	}
+
 	if (Open && TopLevelDockWidgetBefore)
 	{
 		CDockWidget::emitTopLevelEventForWidget(TopLevelDockWidgetBefore, false);
@@ -662,7 +753,7 @@ bool CDockWidget::event(QEvent *e)
 
 	case QEvent::Show:
 		Q_EMIT visibilityChanged(geometry().right() >= 0 && geometry().bottom() >= 0);
-        break;
+		break;
 
 	case QEvent::WindowTitleChange :
 		{
@@ -671,6 +762,10 @@ bool CDockWidget::event(QEvent *e)
 			{
 				d->TabWidget->setText(title);
 			}
+			if (d->SideTabWidget)
+			{
+				d->SideTabWidget->setText(title);
+			}
 			if (d->ToggleViewAction)
 			{
 				d->ToggleViewAction->setText(title);
@@ -721,6 +816,12 @@ void CDockWidget::setTabToolTip(const QString &text)
 void CDockWidget::setIcon(const QIcon& Icon)
 {
 	d->TabWidget->setIcon(Icon);
+
+	if (d->SideTabWidget)
+	{
+		d->SideTabWidget->setIcon(Icon);
+	}
+
 	if (!d->ToggleViewAction->isCheckable())
 	{
 		d->ToggleViewAction->setIcon(Icon);
@@ -938,7 +1039,7 @@ bool CDockWidget::closeDockWidgetInternal(bool ForceClose)
 	}
 
 	if (features().testFlag(CDockWidget::DockWidgetDeleteOnClose))
-    {
+	{
 		// If the dock widget is floating, then we check if we also need to
 		// delete the floating widget
 		if (isFloating())
@@ -954,13 +1055,17 @@ bool CDockWidget::closeDockWidgetInternal(bool ForceClose)
 				FloatingWidget->hide();
 			}
 		}
+		if (d->DockArea && d->DockArea->isAutoHide())
+		{
+			d->DockArea->autoHideDockContainer()->cleanupAndDelete();
+		}
 		deleteDockWidget();
 		Q_EMIT closed();
-    }
-    else
-    {
-    	toggleView(false);
-    }
+	}
+	else
+	{
+		toggleView(false);
+	}
 
 	return true;
 }
@@ -1065,6 +1170,45 @@ void CDockWidget::raise()
 }
 
 
+//============================================================================
+void CDockWidget::setAutoHide(bool Enable, SideBarLocation Location)
+{
+	if (!CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideFeatureEnabled))
+	{
+		return;
+	}
+
+	// Do nothing if nothing changes
+	if (Enable == isAutoHide())
+	{
+		return;
+	}
+
+	auto DockArea = dockAreaWidget();
+	if (!Enable)
+	{
+		DockArea->setAutoHide(false);
+	}
+	else
+	{
+		auto area = (SideBarNone == Location) ? DockArea->calculateSideTabBarArea() : Location;
+		dockContainer()->createAndSetupAutoHideContainer(area, this);
+	}
+}
+
+
+//============================================================================
+void CDockWidget::toggleAutoHide(SideBarLocation Location)
+{
+	if (!CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideFeatureEnabled))
+	{
+		return;
+	}
+
+	setAutoHide(!isAutoHide(), Location);
+}
+
+
 } // namespace ads
 
 //---------------------------------------------------------------------------

src/DockWidget.h

@@ -46,6 +46,9 @@ class CDockContainerWidget;
 class CDockAreaWidget;
 class DockContainerWidgetPrivate;
 class CFloatingDockContainer;
+class CAutoHideTab;
+class CAutoHideDockContainer;
+class CAutoHideSideBar;
 
 /**
  * The QDockWidget class provides a widget that can be docked inside a
@@ -75,6 +78,8 @@ protected:
     friend class CDockWidgetTab;
     friend struct DockWidgetTabPrivate;
     friend struct DockAreaTitleBarPrivate;
+    friend class CAutoHideDockContainer;
+    friend CAutoHideSideBar;
 
     /**
      * Assigns the dock manager that manages this dock widget
@@ -156,7 +161,8 @@ public:
         DockWidgetForceCloseWithArea = 0x040, ///< dock widget will be closed when the dock area hosting it is closed
         NoTab = 0x080, ///< dock widget tab will never be shown if this flag is set
         DeleteContentOnClose = 0x100, ///< deletes only the contained widget on close, keeping the dock widget intact and in place. Attempts to rebuild the contents widget on show if there is a widget factory set.
-        DefaultDockWidgetFeatures = DockWidgetClosable | DockWidgetMovable | DockWidgetFloatable | DockWidgetFocusable,
+        DockWidgetPinnable = 0x200, ///< dock widget can be pinned and added to an auto hide dock container
+        DefaultDockWidgetFeatures = DockWidgetClosable | DockWidgetMovable | DockWidgetFloatable | DockWidgetFocusable | DockWidgetPinnable,
         AllDockWidgetFeatures = DefaultDockWidgetFeatures | DockWidgetDeleteOnClose | CustomCloseHandling,
         DockWidgetAlwaysCloseAndDelete = DockWidgetForceCloseWithArea | DockWidgetDeleteOnClose,
         NoDockWidgetFeatures = 0x000
@@ -343,6 +349,29 @@ public:
      */
     CDockAreaWidget* dockAreaWidget() const;
 
+    /**
+     * Returns the side tab widget for this dock, if this dock widget is in
+     * a auto hide container. If it is not in a auto hide container, then this
+     * function returns a nullptr,
+     */
+    CAutoHideTab* sideTabWidget() const;
+
+    /**
+     * Assign a side tab widget if this dock widget is an auto hide container
+     */
+    void setSideTabWidget(CAutoHideTab* SideTab) const;
+
+    /**
+     * Returns true, if this dock widget is in an auto hide container
+     */
+    bool isAutoHide() const;
+
+    /**
+     * Returns the auto hide dock container of this dock widget
+     * or 0 if there is none
+     */
+    CAutoHideDockContainer* autoHideDockContainer() const;
+
     /**
      * This property holds whether the dock widget is floating.
      * A dock widget is only floating, if it is the one and only widget inside
@@ -563,6 +592,18 @@ public Q_SLOTS:
      */
     void showNormal();
 
+	/**
+	 * Sets the dock widget into auto hide mode if this feature is enabled
+	 * via CDockManager::setAutoHideFlags(CDockManager::AutoHideFeatureEnabled)
+	 */
+	void setAutoHide(bool Enable, SideBarLocation Location = SideBarNone);
+
+	/**
+	 * Switches the dock widget to auto hide mode or vice versa depending on its
+	 * current state.
+	 */
+	void toggleAutoHide(SideBarLocation Location = SideBarNone);
+
 
 Q_SIGNALS:
     /**

src/DockWidgetTab.cpp

@@ -28,6 +28,7 @@
 //============================================================================
 //                                   INCLUDES
 //============================================================================
+#include <AutoHideDockContainer.h>
 #include "FloatingDragPreview.h"
 #include "ElidingLabel.h"
 #include "DockWidgetTab.h"
@@ -55,7 +56,7 @@
 
 namespace ads
 {
-
+static const char* const LocationProperty = "Location";
 using tTabLabel = CElidingLabel;
 
 /**
@@ -161,9 +162,9 @@ struct DockWidgetTabPrivate
 	}
 
 	template <typename T>
-	IFloatingWidget* createFloatingWidget(T* Widget, bool OpaqueUndocking)
+	IFloatingWidget* createFloatingWidget(T* Widget, bool CreateContainer)
 	{
-		if (OpaqueUndocking)
+		if (CreateContainer)
 		{
 			return new CFloatingDockContainer(Widget);
 		}
@@ -216,6 +217,18 @@ struct DockWidgetTabPrivate
 		return DockWidget->dockManager()->dockFocusController();
 	}
 
+	/**
+	 * Helper function to create and initialize the menu entries for
+	 * the "Auto Hide Group To..." menu
+	 */
+	QAction* createAutoHideToAction(const QString& Title, SideBarLocation Location,
+		QMenu* Menu)
+	{
+		auto Action = Menu->addAction(Title);
+		Action->setProperty("Location", Location);
+		QObject::connect(Action, &QAction::triggered, _this, &CDockWidgetTab::onAutoHideToActionClicked);
+		return Action;
+	}
 };
 // struct DockWidgetTabPrivate
 
@@ -299,8 +312,7 @@ bool DockWidgetTabPrivate::startFloating(eDragState DraggingState)
     ADS_PRINT("startFloating");
 	DragState = DraggingState;
 	IFloatingWidget* FloatingWidget = nullptr;
-	bool OpaqueUndocking = CDockManager::testConfigFlag(CDockManager::OpaqueUndocking) ||
-		(DraggingFloatingWidget != DraggingState);
+	bool CreateContainer = (DraggingFloatingWidget != DraggingState);
 
 	// If section widget has multiple tabs, we take only one tab
 	// If it has only one single tab, we can move the complete
@@ -308,21 +320,23 @@ bool DockWidgetTabPrivate::startFloating(eDragState DraggingState)
 	QSize Size;
 	if (DockArea->dockWidgetsCount() > 1)
 	{
-		FloatingWidget = createFloatingWidget(DockWidget, OpaqueUndocking);
+		FloatingWidget = createFloatingWidget(DockWidget, CreateContainer);
 		Size = DockWidget->size();
 	}
 	else
 	{
-		FloatingWidget = createFloatingWidget(DockArea, OpaqueUndocking);
+		FloatingWidget = createFloatingWidget(DockArea, CreateContainer);
 		Size = DockArea->size();
 	}
 
     if (DraggingFloatingWidget == DraggingState)
     {
         FloatingWidget->startFloating(DragStartMousePosition, Size, DraggingFloatingWidget, _this);
-    	auto Overlay = DockWidget->dockManager()->containerOverlay();
+        auto DockManager = DockWidget->dockManager();
+    	auto Overlay = DockManager->containerOverlay();
     	Overlay->setAllowedAreas(OuterDockAreas);
     	this->FloatingWidget = FloatingWidget;
+    	qApp->postEvent(DockWidget, new QEvent((QEvent::Type)internal::DockedWidgetDragStartEvent));
     }
     else
     {
@@ -342,10 +356,6 @@ CDockWidgetTab::CDockWidgetTab(CDockWidget* DockWidget, QWidget *parent) :
 	d->DockWidget = DockWidget;
 	d->createLayout();
 	setFocusPolicy(Qt::NoFocus);
-	/*if (CDockManager::testConfigFlag(CDockManager::FocusHighlighting))
-	{
-		setFocusPolicy(Qt::ClickFocus);
-	}*/
 }
 
 //============================================================================
@@ -466,15 +476,13 @@ void CDockWidgetTab::mouseMoveEvent(QMouseEvent* ev)
 
 
     	// Floating is only allowed for widgets that are floatable
-		// If we do non opaque undocking, then can create the drag preview
-		// if the widget is movable.
+		// We can create the drag preview if the widget is movable.
 		auto Features = d->DockWidget->features();
-        if (Features.testFlag(CDockWidget::DockWidgetFloatable)
-        || (Features.testFlag(CDockWidget::DockWidgetMovable) && !CDockManager::testConfigFlag(CDockManager::OpaqueUndocking)))
+        if (Features.testFlag(CDockWidget::DockWidgetFloatable) || (Features.testFlag(CDockWidget::DockWidgetMovable)))
         {
         	// If we undock, we need to restore the initial position of this
         	// tab because it looks strange if it remains on its dragged position
-        	if (d->isDraggingState(DraggingTab) && !CDockManager::testConfigFlag(CDockManager::OpaqueUndocking))
+        	if (d->isDraggingState(DraggingTab))
 			{
         		parentWidget()->layout()->update();
 			}
@@ -509,19 +517,40 @@ void CDockWidgetTab::contextMenuEvent(QContextMenuEvent* ev)
 	}
 
 	d->saveDragStartMousePosition(ev->globalPos());
-	QMenu Menu(this);
 
     const bool isFloatable = d->DockWidget->features().testFlag(CDockWidget::DockWidgetFloatable);
     const bool isNotOnlyTabInContainer =  !d->DockArea->dockContainer()->hasTopLevelDockWidget();
-
+    const bool isTopLevelArea = d->DockArea->isTopLevelArea();
     const bool isDetachable = isFloatable && isNotOnlyTabInContainer;
+	QAction* Action;
+	QMenu Menu(this);
+
+    if (!isTopLevelArea)
+    {
+		Action = Menu.addAction(tr("Detach"), this, SLOT(detachDockWidget()));
+		Action->setEnabled(isDetachable);
+		if (CDockManager::testAutoHideConfigFlag(CDockManager::AutoHideFeatureEnabled))
+		{
+			Action = Menu.addAction(tr("Pin"), this, SLOT(autoHideDockWidget()));
+			auto IsPinnable = d->DockWidget->features().testFlag(CDockWidget::DockWidgetPinnable);
+			Action->setEnabled(IsPinnable);
+
+			auto menu = Menu.addMenu(tr("Pin To..."));
+			menu->setEnabled(IsPinnable);
+			d->createAutoHideToAction(tr("Top"), SideBarTop, menu);
+			d->createAutoHideToAction(tr("Left"), SideBarLeft, menu);
+			d->createAutoHideToAction(tr("Right"), SideBarRight, menu);
+			d->createAutoHideToAction(tr("Bottom"), SideBarBottom, menu);
+		}
+    }
 
-	auto Action = Menu.addAction(tr("Detach"), this, SLOT(detachDockWidget()));
-    Action->setEnabled(isDetachable);
 	Menu.addSeparator();
 	Action = Menu.addAction(tr("Close"), this, SIGNAL(closeRequested()));
 	Action->setEnabled(isClosable());
-	Menu.addAction(tr("Close Others"), this, SIGNAL(closeOtherTabsRequested()));
+	if (d->DockArea->openDockWidgetsCount() > 1)
+	{
+		Action = Menu.addAction(tr("Close Others"), this, SIGNAL(closeOtherTabsRequested()));
+	}
 	Menu.exec(ev->globalPos());
 }
 
@@ -703,6 +732,21 @@ void CDockWidgetTab::detachDockWidget()
 }
 
 
+//===========================================================================
+void CDockWidgetTab::autoHideDockWidget()
+{
+	d->DockWidget->setAutoHide(true);
+}
+
+
+//===========================================================================
+void CDockWidgetTab::onAutoHideToActionClicked()
+{
+	int Location = sender()->property(LocationProperty).toInt();
+	d->DockWidget->toggleAutoHide((SideBarLocation)Location);
+}
+
+
 //============================================================================
 bool CDockWidgetTab::event(QEvent *e)
 {
@@ -752,17 +796,12 @@ QSize CDockWidgetTab::iconSize() const
 	return d->IconSize;
 }
 
-
 //============================================================================
 void CDockWidgetTab::setIconSize(const QSize& Size)
 {
 	d->IconSize = Size;
 	d->updateIcon();
 }
-
-
-
-
 } // namespace ads
 //---------------------------------------------------------------------------
 // EOF DockWidgetTab.cpp

src/DockWidgetTab.h

@@ -58,10 +58,13 @@ private:
 	friend struct DockWidgetTabPrivate;
 	friend class CDockWidget;
 	friend class CDockManager;
+	friend class CAutoHideDockContainer;
 	void onDockWidgetFeaturesChanged();
 
 private Q_SLOTS:
 	void detachDockWidget();
+	void autoHideDockWidget();
+	void onAutoHideToActionClicked();
 
 protected:
 	virtual void mousePressEvent(QMouseEvent* ev) override;

src/FloatingDockContainer.cpp

@@ -404,9 +404,22 @@ struct FloatingDockContainerPrivate
 		return StateId == DraggingState;
 	}
 
+	/**
+	 * Sets the dragging state and posts a FloatingWidgetDragStartEvent
+	 * if dragging starts
+	 */
 	void setState(eDragState StateId)
 	{
+		if (DraggingState == StateId)
+		{
+			return;
+		}
+
 		DraggingState = StateId;
+        if (DraggingFloatingWidget == DraggingState)
+        {
+            qApp->postEvent(_this, new QEvent((QEvent::Type)internal::FloatingWidgetDragStartEvent));
+        }
 	}
 
 	void setWindowTitle(const QString &Text)
@@ -1281,12 +1294,13 @@ void CFloatingDockContainer::moveEvent(QMoveEvent *event)
 	Super::moveEvent(event);
 	if (!d->IsResizing && event->spontaneous() && s_mousePressed)
 	{
-		d->DraggingState = DraggingFloatingWidget;
+        d->setState(DraggingFloatingWidget);
 		d->updateDropOverlays(QCursor::pos());
 	}
 	d->IsResizing = false;
 }
 
+
 //============================================================================
 bool CFloatingDockContainer::event(QEvent *e)
 {

src/FloatingDragPreview.cpp

@@ -8,6 +8,7 @@
 //============================================================================
 //                                   INCLUDES
 //============================================================================
+#include <AutoHideDockContainer.h>
 #include "FloatingDragPreview.h"
 #include <iostream>
 
@@ -120,14 +121,21 @@ void FloatingDragPreviewPrivate::updateDropOverlays(const QPoint &GlobalPos)
 	}
 
 	int VisibleDockAreas = TopContainer->visibleDockAreaCount();
-	ContainerOverlay->setAllowedAreas(
-	    VisibleDockAreas > 1 ? OuterDockAreas : AllDockAreas);
+
+	// Include the overlay widget we're dragging as a visible widget
+	auto dockAreaWidget = qobject_cast<CDockAreaWidget*>(Content);
+	if (dockAreaWidget && dockAreaWidget->isAutoHide())
+	{
+		VisibleDockAreas++;
+	}
+
+	ContainerOverlay->setAllowedAreas( VisibleDockAreas > 1 ? OuterDockAreas : AllDockAreas);
 	auto DockArea = TopContainer->dockAreaAt(GlobalPos);
 	if (DockArea && DockArea->isVisible() && VisibleDockAreas >= 0 && DockArea != ContentSourceArea)
 	{
 		DockAreaOverlay->enableDropPreview(true);
-		DockAreaOverlay->setAllowedAreas(
-		    (VisibleDockAreas == 1) ? NoDockWidgetArea : DockArea->allowedAreas());
+		DockAreaOverlay->setAllowedAreas( (VisibleDockAreas == 1) ? NoDockWidgetArea : DockArea->allowedAreas());
+
 		DockWidgetArea Area = DockAreaOverlay->showOverlay(DockArea);
 
 		// A CenterDockWidgetArea for the dockAreaOverlay() indicates that
@@ -319,6 +327,9 @@ void CFloatingDragPreview::startFloating(const QPoint &DragStartMousePos,
 void CFloatingDragPreview::finishDragging()
 {
 	ADS_PRINT("CFloatingDragPreview::finishDragging");
+
+	cleanupAutoHideContainerWidget();
+
 	auto DockDropArea = d->DockManager->dockAreaOverlay()->visibleDropAreaUnderCursor();
 	auto ContainerDropArea = d->DockManager->containerOverlay()->visibleDropAreaUnderCursor();
 	if (!d->DropContainer)
@@ -353,6 +364,22 @@ void CFloatingDragPreview::finishDragging()
 }
 
 
+//============================================================================
+void CFloatingDragPreview::cleanupAutoHideContainerWidget()
+{
+	auto DroppedDockWidget = qobject_cast<CDockWidget*>(d->Content);
+	auto DroppedArea = qobject_cast<CDockAreaWidget*>(d->Content);
+	if (DroppedDockWidget && DroppedDockWidget->autoHideDockContainer())
+	{
+		DroppedDockWidget->autoHideDockContainer()->cleanupAndDelete();
+	}
+	if (DroppedArea && DroppedArea->autoHideDockContainer())
+	{
+		DroppedArea->autoHideDockContainer()->cleanupAndDelete();
+	}
+}
+
+
 //============================================================================
 void CFloatingDragPreview::paintEvent(QPaintEvent* event)
 {

src/FloatingDragPreview.h

@@ -92,6 +92,11 @@ public: // implements IFloatingWidget -----------------------------------------
 	 */
 	virtual void finishDragging() override;
 
+	/**
+	 * Cleanup auto hide container if the dragged widget has one
+	 */
+	void cleanupAutoHideContainerWidget();
+
 Q_SIGNALS:
 	/**
 	 * This signal is emitted, if dragging has been canceled by escape key

src/PushButton.cpp

@@ -0,0 +1,70 @@
+//============================================================================
+/// \file   PushButton.cpp
+/// \author Uwe Kindler
+/// \date   18.10.2022
+/// \brief  Implementation of CPushButton
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "PushButton.h"
+
+#include <QPainter>
+#include <QStyleOptionButton>
+#include <QDebug>
+#include <QStylePainter>
+
+
+namespace ads
+{
+QSize CPushButton::sizeHint() const
+{
+    QSize sh = QPushButton::sizeHint();
+
+    if (m_Orientation != CPushButton::Horizontal)
+    {
+        sh.transpose();
+    }
+
+    return sh;
+}
+
+void CPushButton::paintEvent(QPaintEvent *event)
+{
+    Q_UNUSED(event);
+
+    QStylePainter painter(this);
+    QStyleOptionButton option;
+    initStyleOption(&option);
+
+    if (m_Orientation == CPushButton::VerticalTopToBottom)
+    {
+        painter.rotate(90);
+        painter.translate(0, -1 * width());
+        option.rect = option.rect.transposed();
+    }
+    else if (m_Orientation == CPushButton::VerticalBottomToTop)
+    {
+        painter.rotate(-90);
+        painter.translate(-1 * height(), 0);
+        option.rect = option.rect.transposed();
+    }
+
+    painter.drawControl(QStyle::CE_PushButton, option);
+}
+
+CPushButton::Orientation CPushButton::buttonOrientation() const
+{
+    return m_Orientation;
+}
+
+void CPushButton::setButtonOrientation(Orientation orientation)
+{
+    m_Orientation = orientation;
+    updateGeometry();
+}
+} // namespace ads
+
+//---------------------------------------------------------------------------
+// EOF PushButton.cpp

src/PushButton.h

@@ -0,0 +1,58 @@
+#ifndef PushButtonH
+#define PushButtonH
+//============================================================================
+/// \file   PushButton.h
+/// \author Uwe Kindler
+/// \date   18.10.2022
+/// \brief  Declaration of CPushButton
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "ads_globals.h"
+
+#include <QPushButton>
+
+namespace ads
+{
+
+/**
+ * ADS specific push button class with orientation support
+ */
+class ADS_EXPORT CPushButton : public QPushButton
+{
+    Q_OBJECT
+public:
+    enum Orientation {
+        Horizontal,
+        VerticalTopToBottom,
+        VerticalBottomToTop
+    };
+
+    using QPushButton::QPushButton;
+
+    virtual QSize sizeHint() const override;
+
+    /**
+     * Returns the current orientation
+     */
+    Orientation buttonOrientation() const;
+
+    /**
+     * Set the orientation of this button
+     */
+    void setButtonOrientation(Orientation orientation);
+
+protected:
+    virtual void paintEvent(QPaintEvent *event) override;
+
+private:
+    Orientation m_Orientation = Horizontal;
+};
+
+} // namespace ads
+
+//---------------------------------------------------------------------------
+#endif // PushButtonH
+

src/ResizeHandle.cpp

@@ -0,0 +1,326 @@
+//============================================================================
+/// \file   ResizeHandle.cpp
+/// \author Uwe Kindler
+/// \date   24.10.2022
+/// \brief  Implementation of CResizeHandle class
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "ResizeHandle.h"
+
+#include <QDebug>
+#include <QStyle>
+#include <QStyleOption>
+#include <QMouseEvent>
+#include <QRubberBand>
+#include <QPointer>
+
+#include "ads_globals.h"
+
+namespace ads
+{
+/**
+ * Private data class of CResizeHandle class (pimpl)
+ */
+struct ResizeHandlePrivate
+{
+	CResizeHandle *_this;
+	Qt::Edge HandlePosition = Qt::LeftEdge;
+	QWidget* Target = nullptr;
+	int MouseOffset = 0;
+	bool Pressed = false;
+	int MinSize = 0;
+	int MaxSize = 1;
+	QPointer<QRubberBand> RubberBand;
+	bool OpaqueResize = false;
+	int HandleWidth = 4;
+
+	/**
+	 * Private data constructor
+	 */
+	ResizeHandlePrivate(CResizeHandle *_public);
+
+	/**
+	 * Pick position component from pos depending on orientation
+	 */
+	int pick(const QPoint &pos) const
+    {
+		return _this->orientation() == Qt::Horizontal ? pos.x() : pos.y();
+    }
+
+	/**
+	 * Returns true, if orientation is horizontal
+	 */
+	bool isHorizontal() const
+	{
+		return _this->orientation() == Qt::Horizontal;
+	}
+
+	/**
+	 * Set rubberband position
+	 */
+	void setRubberBand(int Pos);
+
+	/**
+	 * Calculates the resize position and geometry
+	 */
+	void doResizing(QMouseEvent* e, bool ForceResize = false);
+};
+// struct ResizeHandlePrivate
+
+//============================================================================
+ResizeHandlePrivate::ResizeHandlePrivate(CResizeHandle *_public) :
+	_this(_public)
+{
+
+}
+
+
+//============================================================================
+void ResizeHandlePrivate::setRubberBand(int Pos)
+{
+	if (!RubberBand)
+	{
+		RubberBand = new QRubberBand(QRubberBand::Line, Target->parentWidget());
+	}
+
+	auto Geometry = _this->geometry();
+	auto TopLeft = Target->mapTo(Target->parentWidget(), Geometry.topLeft());
+	switch (HandlePosition)
+	{
+	case Qt::LeftEdge:
+	case Qt::RightEdge: TopLeft.rx() += Pos; break;
+	case Qt::TopEdge:
+	case Qt::BottomEdge: TopLeft.ry() += Pos; break;
+	}
+
+	Geometry.moveTopLeft(TopLeft);
+	RubberBand->setGeometry(Geometry);
+	RubberBand->show();
+}
+
+
+//============================================================================
+void ResizeHandlePrivate::doResizing(QMouseEvent* e, bool ForceResize)
+{
+    int pos = pick(e->pos()) - MouseOffset;
+    auto OldGeometry = Target->geometry();
+	auto NewGeometry = OldGeometry;
+	switch (HandlePosition)
+	{
+	case Qt::LeftEdge:
+		 {
+			 NewGeometry.adjust(pos, 0, 0, 0);
+			 int Size = qBound(MinSize, NewGeometry.width(), MaxSize);
+			 pos += (NewGeometry.width() - Size);
+			 NewGeometry.setWidth(Size);
+			 NewGeometry.moveTopRight(OldGeometry.topRight());
+		 }
+		 break;
+
+
+	case Qt::RightEdge:
+		 {
+			 NewGeometry.adjust(0, 0, pos, 0);
+			 int Size = qBound(MinSize, NewGeometry.width(), MaxSize);
+			 pos -= (NewGeometry.width() - Size);
+			 NewGeometry.setWidth(Size);
+		 }
+		 break;
+
+	case Qt::TopEdge:
+	     {
+			 NewGeometry.adjust(0, pos, 0, 0);
+			 int Size = qBound(MinSize, NewGeometry.height(), MaxSize);
+			 pos += (NewGeometry.height() - Size);
+			 NewGeometry.setHeight(Size);
+			 NewGeometry.moveBottomLeft(OldGeometry.bottomLeft());
+		 }
+		 break;
+
+	case Qt::BottomEdge:
+	     {
+			 NewGeometry.adjust(0, 0, 0, pos);
+			 int Size = qBound(MinSize, NewGeometry.height(), MaxSize);
+			 pos -= (NewGeometry.height() - Size);
+			 NewGeometry.setHeight(Size);
+		 }
+		 break;
+	}
+
+	if (_this->opaqueResize() || ForceResize)
+	{
+		Target->setGeometry(NewGeometry);
+	}
+	else
+	{
+		setRubberBand(pos);
+	}
+}
+
+
+//============================================================================
+CResizeHandle::CResizeHandle(Qt::Edge HandlePosition, QWidget* parent) :
+	Super(parent),
+	d(new ResizeHandlePrivate(this))
+{
+	d->Target = parent;
+	setMinResizeSize(48);
+	setHandlePosition(HandlePosition);
+}
+
+
+//============================================================================
+CResizeHandle::~CResizeHandle()
+{
+	delete d;
+}
+
+
+//============================================================================
+void CResizeHandle::mouseMoveEvent(QMouseEvent* e)
+{
+    if (!(e->buttons() & Qt::LeftButton))
+    {
+        return;
+    }
+
+    d->doResizing(e);
+}
+
+
+//============================================================================
+void CResizeHandle::mousePressEvent(QMouseEvent* e)
+{
+    if (e->button() == Qt::LeftButton)
+    {
+        d->MouseOffset = d->pick(e->pos());
+        d->Pressed = true;
+        update();
+    }
+}
+
+
+//============================================================================
+void CResizeHandle::mouseReleaseEvent(QMouseEvent* e)
+{
+    if (!opaqueResize() && e->button() == Qt::LeftButton)
+    {
+        if (d->RubberBand)
+        {
+        	d->RubberBand->deleteLater();
+        }
+        d->doResizing(e, true);
+    }
+    if (e->button() == Qt::LeftButton)
+    {
+        d->Pressed = false;
+        update();
+    }
+}
+
+
+//============================================================================
+void CResizeHandle::setHandlePosition(Qt::Edge HandlePosition)
+{
+	d->HandlePosition = HandlePosition;
+	switch (d->HandlePosition)
+	{
+	case Qt::LeftEdge: // fall through
+	case Qt::RightEdge: setCursor(Qt::SizeHorCursor); break;
+
+	case Qt::TopEdge: // fall through
+	case Qt::BottomEdge: setCursor(Qt::SizeVerCursor); break;
+	}
+
+	setMaxResizeSize(d->isHorizontal() ? parentWidget()->height() : parentWidget()->width());
+	if (!d->isHorizontal())
+	{
+		setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
+	}
+	else
+	{
+		setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Expanding);
+	}
+}
+
+
+//============================================================================
+Qt::Edge CResizeHandle::handlePostion() const
+{
+	return d->HandlePosition;
+}
+
+
+//============================================================================
+Qt::Orientation CResizeHandle::orientation() const
+{
+	switch (d->HandlePosition)
+	{
+	case Qt::LeftEdge: // fall through
+	case Qt::RightEdge: return Qt::Horizontal;
+
+	case Qt::TopEdge: // fall through
+	case Qt::BottomEdge: return Qt::Vertical;
+	}
+
+	return Qt::Horizontal;
+}
+
+
+//============================================================================
+QSize CResizeHandle::sizeHint() const
+{
+	QSize Result;
+	switch (d->HandlePosition)
+	{
+	case Qt::LeftEdge: // fall through
+	case Qt::RightEdge: Result = QSize(d->HandleWidth, d->Target->height()); break;
+
+	case Qt::TopEdge: // fall through
+	case Qt::BottomEdge: Result = QSize(d->Target->width(), d->HandleWidth); break;
+	}
+
+	return Result;
+}
+
+
+//============================================================================
+bool CResizeHandle::isResizing() const
+{
+	return d->Pressed;
+}
+
+
+//============================================================================
+void CResizeHandle::setMinResizeSize(int MinSize)
+{
+	d->MinSize = MinSize;
+}
+
+
+//============================================================================
+void CResizeHandle::setMaxResizeSize(int MaxSize)
+{
+	d->MaxSize = MaxSize;
+}
+
+
+//============================================================================
+void CResizeHandle::setOpaqueResize(bool opaque)
+{
+	d->OpaqueResize = opaque;
+}
+
+
+//============================================================================
+bool CResizeHandle::opaqueResize() const
+{
+	return d->OpaqueResize;
+}
+} // namespace ads
+
+//---------------------------------------------------------------------------
+// EOF ResizeHandle.cpp

src/ResizeHandle.h

@@ -0,0 +1,102 @@
+#ifndef ResizeHandleH
+#define ResizeHandleH
+//============================================================================
+/// \file   ResizeHandle.h
+/// \author Uwe Kindler
+/// \date   24.10.2022
+/// \brief  Declaration of CResizeHandle class
+//============================================================================
+
+//============================================================================
+//                                   INCLUDES
+//============================================================================
+#include "ads_globals.h"
+#include <QFrame>
+
+namespace ads
+{
+struct ResizeHandlePrivate;
+
+/**
+ * Resize handle for resizing its parent widget
+ */
+class ADS_EXPORT CResizeHandle : public QFrame
+{
+	Q_OBJECT
+	Q_DISABLE_COPY(CResizeHandle)
+    Q_PROPERTY(bool opaqueResize READ opaqueResize WRITE setOpaqueResize)
+private:
+	ResizeHandlePrivate* d; ///< private data (pimpl)
+	friend struct ResizeHandlePrivate;
+
+protected:
+	void mouseMoveEvent(QMouseEvent *) override;
+    void mousePressEvent(QMouseEvent *) override;
+    void mouseReleaseEvent(QMouseEvent *) override;
+
+public:
+	using Super = QFrame;
+
+	/**
+	 * Default Constructor
+	 */
+	CResizeHandle(Qt::Edge HandlePosition, QWidget* parent);
+
+	/**
+	 * Virtual Destructor
+	 */
+	virtual ~CResizeHandle();
+
+	/**
+	 * Sets the handle position
+	 */
+	void setHandlePosition(Qt::Edge HandlePosition);
+
+	/**
+	 * Returns the handle position
+	 */
+	Qt::Edge handlePostion() const;
+
+	/**
+	 * Returns the orientation of this resize handle
+	 */
+	Qt::Orientation orientation() const;
+
+	/**
+	 * Returns the size hint
+	 */
+	QSize sizeHint() const override;
+
+	/**
+	 * Returns true, if resizing is active
+	 */
+	bool isResizing() const;
+
+	/**
+	 * Sets the minimum size for the widget that is going to be resized.
+	 * The resize handle will not resize the target widget to a size smaller
+	 * than this value
+	 */
+	void setMinResizeSize(int MinSize);
+
+	/**
+	 * Sets the maximum size for the widget that is going to be resized
+	 * The resize handle will not resize the target widget to a size bigger
+	 * than this value
+	 */
+	void setMaxResizeSize(int MaxSize);
+
+	/**
+	 * Enable / disable opaque resizing
+	 */
+	void setOpaqueResize(bool opaque = true);
+
+	/**
+	 * Returns true if widgets are resized dynamically (opaquely) while
+	 * interactively moving the resize handle. Otherwise returns false.
+	 */
+	bool opaqueResize() const;
+}; // class name
+} // namespace ads
+//-----------------------------------------------------------------------------
+#endif // ResizeHandleH

src/ads.qrc

@@ -2,6 +2,7 @@
     <qresource prefix="/ads">
         <file>stylesheets/default.css</file>
         <file>images/close-button.svg</file>
+        <file>images/pin-button.svg</file>
         <file>images/close-button-disabled.svg</file>
         <file>stylesheets/default_linux.css</file>
         <file>images/close-button-focused.svg</file>
@@ -14,5 +15,8 @@
         <file>images/maximize-button-focused.svg</file>
         <file>images/restore-button.svg</file>
         <file>images/restore-button-focused.svg</file>
+        <file>images/vs-pin-button.svg</file>
+        <file>images/vs-pin-button-pinned.svg</file>
+        <file>images/vs-pin-button-pinned-focused.svg</file>
     </qresource>
 </RCC>

src/ads_globals.cpp

@@ -50,6 +50,8 @@ namespace ads
 
 namespace internal
 {
+const int FloatingWidgetDragStartEvent = QEvent::registerEventType();
+const int DockedWidgetDragStartEvent = QEvent::registerEventType();
 #ifdef Q_OS_LINUX
 static QString _window_manager;
 static QHash<QString, xcb_atom_t> _xcb_atom_cache;
@@ -406,6 +408,15 @@ void repolishStyle(QWidget* w, eRepolishChildOptions Options)
 	}
 }
 
+
+//============================================================================
+QRect globalGeometry(QWidget* w)
+{
+    QRect g = w->geometry();
+    g.moveTopLeft(w->mapToGlobal(QPoint(0, 0)));
+    return g;
+}
+
 } // namespace internal
 } // namespace ads
 

src/ads_globals.h

@@ -38,6 +38,8 @@
 #include <QStyle>
 #include <QMouseEvent>
 
+#include <iostream>
+
 #ifdef Q_OS_LINUX
 #include <xcb/xcb.h>
 #endif
@@ -69,6 +71,7 @@ QT_FORWARD_DECLARE_CLASS(QSplitter)
 
 namespace ads
 {
+Q_NAMESPACE
 class CDockSplitter;
 
 enum DockWidgetArea
@@ -91,7 +94,8 @@ enum TitleBarButton
 {
 	TitleBarButtonTabsMenu,
 	TitleBarButtonUndock,
-	TitleBarButtonClose
+	TitleBarButtonClose,
+	TitleBarButtonAutoHide
 };
 
 /**
@@ -111,6 +115,7 @@ enum eDragState
 enum eIcon
 {
 	TabCloseIcon,      //!< TabCloseIcon
+	AutoHideIcon,      //!< AutoHideIcon
 	DockAreaMenuIcon,  //!< DockAreaMenuIcon
 	DockAreaUndockIcon,//!< DockAreaUndockIcon
 	DockAreaCloseIcon, //!< DockAreaCloseIcon
@@ -128,12 +133,28 @@ enum eBitwiseOperator
 };
 
 
+/**
+ * Each dock container supports 4 sidebars
+ */
+enum SideBarLocation
+{
+	SideBarTop,
+	SideBarLeft,
+	SideBarRight,
+	SideBarBottom,
+	SideBarNone
+};
+Q_ENUMS(SideBarLocation);
+
+
 namespace internal
 {
 static const bool RestoreTesting = true;
 static const bool Restore = false;
 static const char* const ClosedProperty = "close";
 static const char* const DirtyProperty = "dirty";
+extern const int FloatingWidgetDragStartEvent;
+extern const int DockedWidgetDragStartEvent;
 
 #ifdef Q_OS_LINUX
 // Utils to directly communicate with the X server
@@ -305,6 +326,11 @@ enum eRepolishChildOptions
 void repolishStyle(QWidget* w, eRepolishChildOptions Options = RepolishIgnoreChildren);
 
 
+/**
+ * Returns the geometry of the given widget in global space
+ */
+QRect globalGeometry(QWidget* w);
+
 } // namespace internal
 } // namespace ads
 

src/images/pin-button.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   enable-background="new 0 0 122.879 122.867"
+   xml:space="preserve"
+   sodipodi:docname="pin-button-inkscape.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"><metadata
+     id="metadata53"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs51" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview49"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="19.037734"
+     inkscape:cx="4.5643376"
+     inkscape:cy="2.7353223"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><g
+     id="g46"
+     transform="matrix(0.08138071,0,0,0.08138898,3.0000001,2.99998)"><path
+       fill-rule="evenodd"
+       clip-rule="evenodd"
+       d="M 83.88,0.451 122.427,39 c 0.603,0.601 0.603,1.585 0,2.188 l -13.128,13.125 c -0.602,0.604 -1.586,0.604 -2.187,0 l -3.732,-3.73 -17.303,17.3 c 3.882,14.621 0.095,30.857 -11.37,42.32 -0.266,0.268 -0.535,0.529 -0.808,0.787 -1.004,0.955 -0.843,0.949 -1.813,-0.021 L 47.597,86.48 0,122.867 36.399,75.283 11.874,50.76 C 10.896,49.78 10.978,49.934 11.94,48.923 12.18,48.672 12.425,48.42 12.674,48.17 24.137,36.707 40.376,32.917 54.996,36.8 L 72.297,19.5 68.564,15.768 c -0.601,-0.601 -0.601,-1.585 0,-2.188 L 81.691,0.451 c 0.604,-0.601 1.588,-0.601 2.189,0 z"
+       id="path44" /></g></svg>

src/images/vs-pin-button-pinned-focused.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new 0 0 122.879 122.867" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m14 6h-6v-1h-1v3h-4v1h4v3h1v-1h6v-4zm-1 1v2h-5v-2z" color="#000000" fill="#fff" style="-inkscape-stroke:none"/><style/></svg>

src/images/vs-pin-button-pinned.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new 0 0 122.879 122.867" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m14 6h-6v-1h-1v3h-4v1h4v3h1v-1h6v-4zm-1 1v2h-5v-2z" color="#000000" style="-inkscape-stroke:none"/></svg>

src/images/vs-pin-button.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new 0 0 122.879 122.867" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m6 3v6h-1v1h3v4h1v-4h3v-1h-1v-6h-4zm1 1h2v5h-2z" color="#000000" style="-inkscape-stroke:none"/></svg>

src/src.pro

@@ -47,7 +47,12 @@ HEADERS += \
     ElidingLabel.h \
     IconProvider.h \
     DockComponentsFactory.h  \
-    DockFocusController.h
+    DockFocusController.h \
+    AutoHideDockContainer.h \
+    AutoHideSideBar.h \
+    AutoHideTab.h \
+    PushButton.h \
+    ResizeHandle.h
 
 
 SOURCES += \
@@ -67,7 +72,12 @@ SOURCES += \
     ElidingLabel.cpp \
     IconProvider.cpp \
     DockComponentsFactory.cpp \
-    DockFocusController.cpp
+    DockFocusController.cpp \
+    AutoHideDockContainer.cpp \
+    AutoHideSideBar.cpp \
+    AutoHideTab.cpp \
+    PushButton.cpp \
+    ResizeHandle.cpp
 
 
 unix:!macx {

src/stylesheets/default.css

@@ -1,22 +1,65 @@
 /*
  * Default style sheet on Windows Platforms
  */
+ 
+/*****************************************************************************
+ * CDockContainerWidget
+ *****************************************************************************/
 ads--CDockContainerWidget {
-	background: palette(dark);
+	background: palette(window);
 }
-ads--CDockContainerWidget > QSplitter{
-        padding: 1 0 1 0;
+
+
+/*****************************************************************************
+ * CDockSplitter
+ *****************************************************************************/
+ads--CDockContainerWidget > QSplitter {
+	padding: 1 0 1 0;
 }
 
 ads--CDockContainerWidget ads--CDockSplitter::handle {
-	background: palette(dark);
+    background: palette(dark);
 }
 
+
+/*****************************************************************************
+ * CDockAreaWidget
+ *****************************************************************************/
 ads--CDockAreaWidget {
-	background: palette(window);
-	border: 1px solid white;
+    background: palette(window);
 }
 
+ads--CTitleBarButton {
+        padding: 0px 0px;
+}
+
+
+#tabsMenuButton::menu-indicator {
+        image: none;
+}
+
+#tabsMenuButton {
+        qproperty-icon: url(:/ads/images/tabs-menu-button.svg);
+        qproperty-iconSize: 16px;
+}
+
+#dockAreaCloseButton {
+        qproperty-icon: url(:/ads/images/close-button.svg),
+                url(:/ads/images/close-button-disabled.svg) disabled;
+        qproperty-iconSize: 16px;
+}
+
+#detachGroupButton {
+        qproperty-icon: url(:/ads/images/detach-button.svg),
+                url(:/ads/images/detach-button-disabled.svg) disabled;
+        qproperty-iconSize: 16px;
+}
+
+
+
+/*****************************************************************************
+ * CDockWidgetTab and close button styling
+ *****************************************************************************/
 ads--CDockWidgetTab {
 	background: palette(window);
 	border-color: palette(light);
@@ -39,6 +82,30 @@ ads--CDockWidgetTab[activeTab="true"] QLabel {
 	color: palette(foreground);
 }
 
+
+#tabCloseButton {
+        margin-top: 2px;
+        background: none;
+        border: none;
+        padding: 0px -2px;
+        qproperty-icon: url(:/ads/images/close-button.svg),
+                url(:/ads/images/close-button-disabled.svg) disabled;
+        qproperty-iconSize: 16px;
+}
+
+#tabCloseButton:hover {
+        border: 1px solid rgba(0, 0, 0, 32);
+        background: rgba(0, 0, 0, 16);
+}
+
+#tabCloseButton:pressed {
+        background: rgba(0, 0, 0, 32);
+}
+
+
+/*****************************************************************************
+ * CDockWidget
+ *****************************************************************************/
 ads--CDockWidget {
 	background: palette(light);
 	border-color: palette(light);
@@ -46,51 +113,231 @@ ads--CDockWidget {
 	border-width: 1px 0 0 0;
 }
 
-ads--CTitleBarButton {
-	padding: 0px 0px;
-}
 
 QScrollArea#dockWidgetScrollArea {
 	padding: 0px;
 	border: none;
 }
 
-#tabCloseButton {
-	margin-top: 2px;
+
+/*****************************************************************************
+ *
+ * Styling of auto hide functionality
+ *
+ *****************************************************************************/
+ 
+ 
+/*****************************************************************************
+ * CAutoHideTab
+ *****************************************************************************/
+ads--CAutoHideTab {
+	qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/
 	background: none;
 	border: none;
-	padding: 0px -2px;
-	qproperty-icon: url(:/ads/images/close-button.svg),
-		url(:/ads/images/close-button-disabled.svg) disabled;
+	padding-left: 2px;
+	padding-right: 0px;
+	text-align: center;
+	min-height: 20px;
+	padding-bottom: 2px;
+}
+
+
+ads--CAutoHideTab:hover
+{
+	color: palette(highlight);
+}
+
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"]  {
+	border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"] {
+	border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"]  {
+	border-top: 6px solid palette(highlight);
+}
+
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] {
+	border-bottom: 6px solid palette(highlight);
+}
+
+
+/**
+ * Auto hide tabs with icon only
+ */
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"] {
+	border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"] {
+	border-left: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"] {
+	border-right: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"] {
+	border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+/**
+ * Auto hide tabs with icon only hover
+ */
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] {
+	border-top: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] {
+	border-left: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] {
+	border-right: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] {
+	border-bottom: 6px solid palette(highlight);
+}
+
+
+/*****************************************************************************
+ * CAutoHideSideBar
+ *****************************************************************************/
+ads--CAutoHideSideBar{
+	background: palette(window);
+	border: none;
+	qproperty-spacing: 12;
+}
+
+#sideTabsContainerWidget {
+	background: transparent;
+}
+
+
+ads--CAutoHideSideBar[sideBarLocation="0"] {
+	border-bottom: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="1"] {
+	border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="2"] {
+	border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="3"] {
+	border-top: 1px solid palette(dark);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer
+ *****************************************************************************/
+ads--CAutoHideDockContainer {
+	background: palette(window);
+}
+
+
+ads--CAutoHideDockContainer ads--CDockAreaTitleBar {
+	background: palette(highlight);
+	padding: 0px;
+	border: none;
+}
+
+
+/*
+ * This is required because the ads--CDockAreaWidget[focused="true"] will 
+ * overwrite the ads--CAutoHideDockContainer ads--CDockAreaTitleBar rule
+ */
+ads--CAutoHideDockContainer ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
+	background: palette(highlight);
+	padding: 0px;
+	border: none;
+}
+
+
+#autoHideTitleLabel {
+	padding-left: 4px;
+	color: palette(light);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer titlebar buttons
+ *****************************************************************************/
+#dockAreaAutoHideButton {
+	qproperty-icon: url(:/ads/images/vs-pin-button.svg);
 	qproperty-iconSize: 16px;
 }
 
-#tabCloseButton:hover {
-	border: 1px solid rgba(0, 0, 0, 32);
-	background: rgba(0, 0, 0, 16);
-}
-
-#tabCloseButton:pressed {
-	background: rgba(0, 0, 0, 32);
-}
-
-#tabsMenuButton::menu-indicator {
-	image: none;
-}
-
-#tabsMenuButton {
-	qproperty-icon: url(:/ads/images/tabs-menu-button.svg);
+ads--CAutoHideDockContainer #dockAreaAutoHideButton {
+	qproperty-icon: url(:/ads/images/vs-pin-button-pinned-focused.svg);
 	qproperty-iconSize: 16px;
 }
 
-#dockAreaCloseButton {
-	qproperty-icon: url(:/ads/images/close-button.svg),
-		url(:/ads/images/close-button-disabled.svg) disabled;
-	qproperty-iconSize: 16px;
+
+ads--CAutoHideDockContainer #dockAreaCloseButton{
+	qproperty-icon: url(:/ads/images/close-button-focused.svg)
 }
 
-#detachGroupButton {
-	qproperty-icon: url(:/ads/images/detach-button.svg),
-		url(:/ads/images/detach-button-disabled.svg) disabled;
-	qproperty-iconSize: 16px;	
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:hover {
+	background: rgba(255, 255, 255, 48);
 }
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:pressed {
+	background: rgba(255, 255, 255, 96);
+}
+
+/*****************************************************************************
+ * CAutoHideDockContainer Titlebar and Buttons
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CResizeHandle
+ *****************************************************************************/
+ads--CResizeHandle {
+	background: palette(window);
+}
+
+
+ads--CAutoHideDockContainer[sideBarLocation="0"] ads--CResizeHandle {
+	border-top: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="1"] ads--CResizeHandle {
+	border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="2"] ads--CResizeHandle {
+	border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="3"] ads--CResizeHandle {
+	border-top: 1px solid palette(dark);
+}
+
+

src/stylesheets/default_linux.css

@@ -1,26 +1,67 @@
 /*
  * Default style sheet on Linux Platforms
  */
+
+/*****************************************************************************
+ * CDockContainerWidget
+ *****************************************************************************/
 ads--CDockContainerWidget {
-	background: palette(dark);
+    background: palette(window);
 }
+
+
+/*****************************************************************************
+ * CDockSplitter
+ *****************************************************************************/
 ads--CDockContainerWidget > QSplitter{
-        padding: 1 0 1 0;
+    padding: 1 0 1 0;
 }
 
 ads--CDockContainerWidget ads--CDockSplitter::handle {
-	background: palette(dark);
+    background: palette(dark);
 }
 
+
+/*****************************************************************************
+ * CDockAreaWidget
+ *****************************************************************************/
 ads--CDockAreaWidget {
-	background: palette(window);
-	border: 1px solid white;
+    background: palette(window);
 }
 
 ads--CDockAreaWidget #tabsMenuButton::menu-indicator {
-	image: none;
+    image: none;
 }
 
+
+ads--CTitleBarButton {
+        padding: 0px 0px;
+}
+
+
+#tabsMenuButton {
+        qproperty-icon: url(:/ads/images/tabs-menu-button.svg);
+        qproperty-iconSize: 16px;
+}
+
+
+#dockAreaCloseButton {
+        qproperty-icon: url(:/ads/images/close-button.svg),
+                url(:/ads/images/close-button-disabled.svg) disabled;
+        qproperty-iconSize: 16px;
+}
+
+
+#detachGroupButton {
+        qproperty-icon: url(:/ads/images/detach-button.svg),
+                url(:/ads/images/detach-button-disabled.svg) disabled;
+        qproperty-iconSize: 16px;
+}
+
+
+/*****************************************************************************
+ * CDockWidgetTab and close button styling
+ *****************************************************************************/
 ads--CDockWidgetTab {
 	background: palette(window);
 	border-color: palette(light);
@@ -29,20 +70,47 @@ ads--CDockWidgetTab {
 	padding: 0 0px;
 }
 
+
 ads--CDockWidgetTab[activeTab="true"] {
 	background: qlineargradient(spread : pad, x1 : 0, y1 : 0, x2 : 0, y2 : 0.5, stop : 0
 		palette(window), stop:1 palette(light));
 	/*background: palette(highlight);*/
 }
 
+
 ads--CDockWidgetTab QLabel {
 	color: palette(dark);
 }
 
+
 ads--CDockWidgetTab[activeTab="true"] QLabel {
 	color: palette(foreground);
 }
 
+
+#tabCloseButton {
+        margin-top: 2px;
+        background: none;
+        border: none;
+        padding: 0px -2px;
+        qproperty-icon: url(:/ads/images/close-button.svg),
+                url(:/ads/images/close-button-disabled.svg) disabled;
+        qproperty-iconSize: 16px;
+}
+
+#tabCloseButton:hover {
+        border: 1px solid rgba(0, 0, 0, 32);
+        background: rgba(0, 0, 0, 16);
+}
+
+#tabCloseButton:pressed {
+        background: rgba(0, 0, 0, 32);
+}
+
+
+/*****************************************************************************
+ * CDockWidget
+ *****************************************************************************/
 ads--CDockWidget {
 	background: palette(light);
 	border-color: palette(light);
@@ -50,52 +118,16 @@ ads--CDockWidget {
 	border-width: 1px 0 0 0;
 }
 
-ads--CTitleBarButton {
-	padding: 0px 0px;
-}
 
 QScrollArea#dockWidgetScrollArea {
 	padding: 0px;
 	border: none;
 }
 
-#tabCloseButton {
-	margin-top: 2px;
-	background: none;
-	border: none;
-	padding: 0px -2px;
-	qproperty-icon: url(:/ads/images/close-button.svg),
-		url(:/ads/images/close-button-disabled.svg) disabled;
-	qproperty-iconSize: 16px;
-}
-
-#tabCloseButton:hover {
-	border: 1px solid rgba(0, 0, 0, 32);
-	background: rgba(0, 0, 0, 16);
-}
-
-#tabCloseButton:pressed {
-	background: rgba(0, 0, 0, 32);
-}
-
-#tabsMenuButton {
-        qproperty-icon: url(:/ads/images/tabs-menu-button.svg);
-        qproperty-iconSize: 16px;
-}
-
-#dockAreaCloseButton {
-	qproperty-icon: url(:/ads/images/close-button.svg),
-		url(:/ads/images/close-button-disabled.svg) disabled;
-	qproperty-iconSize: 16px;
-}
-
-#detachGroupButton {
-	qproperty-icon: url(:/ads/images/detach-button.svg),
-		url(:/ads/images/detach-button-disabled.svg) disabled;
-	qproperty-iconSize: 16px;	
-}
-
 
+/*****************************************************************************
+ * Floating widget styling
+ *****************************************************************************/
 ads--CFloatingWidgetTitleBar {
     background: palette(midlight);
     qproperty-maximizeIcon: url(:/ads/images/maximize-button.svg);
@@ -122,3 +154,229 @@ ads--CFloatingWidgetTitleBar {
 #floatingTitleCloseButton:pressed {
     background: rgba(0, 0, 0, 48);
 }
+
+
+/*****************************************************************************
+ *
+ * Styling of auto hide functionality
+ *
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CAutoHideTab
+ *****************************************************************************/
+ads--CAutoHideTab {
+        qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/
+        background: none;
+        border: none;
+        padding-left: 2px;
+        padding-right: 0px;
+        text-align: center;
+        min-height: 20px;
+        padding-bottom: 2px;
+}
+
+
+ads--CAutoHideTab:hover
+{
+        color: palette(highlight);
+}
+
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"]  {
+        border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"] {
+        border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"]  {
+        border-top: 6px solid palette(highlight);
+}
+
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] {
+        border-bottom: 6px solid palette(highlight);
+}
+
+
+/**
+ * Auto hide tabs with icon only
+ */
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"] {
+        border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"] {
+        border-left: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"] {
+        border-right: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"] {
+        border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+/**
+ * Auto hide tabs with icon only hover
+ */
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] {
+        border-top: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] {
+        border-left: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] {
+        border-right: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] {
+        border-bottom: 6px solid palette(highlight);
+}
+
+
+/*****************************************************************************
+ * CAutoHideSideBar
+ *****************************************************************************/
+ads--CAutoHideSideBar{
+        background: palette(window);
+        border: none;
+        qproperty-spacing: 12;
+}
+
+#sideTabsContainerWidget {
+        background: transparent;
+}
+
+
+ads--CAutoHideSideBar[sideBarLocation="0"] {
+        border-bottom: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="1"] {
+        border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="2"] {
+        border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="3"] {
+        border-top: 1px solid palette(dark);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer
+ *****************************************************************************/
+ads--CAutoHideDockContainer {
+        background: palette(window);
+}
+
+
+ads--CAutoHideDockContainer ads--CDockAreaTitleBar {
+        background: palette(highlight);
+        padding: 0px;
+        border: none;
+}
+
+
+/*
+ * This is required because the ads--CDockAreaWidget[focused="true"] will
+ * overwrite the ads--CAutoHideDockContainer ads--CDockAreaTitleBar rule
+ */
+ads--CAutoHideDockContainer ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
+        background: palette(highlight);
+        padding: 0px;
+        border: none;
+}
+
+
+#autoHideTitleLabel {
+        padding-left: 4px;
+        color: palette(light);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer titlebar buttons
+ *****************************************************************************/
+#dockAreaAutoHideButton {
+        qproperty-icon: url(:/ads/images/vs-pin-button.svg);
+        qproperty-iconSize: 16px;
+}
+
+ads--CAutoHideDockContainer #dockAreaAutoHideButton {
+        qproperty-icon: url(:/ads/images/vs-pin-button-pinned-focused.svg);
+        qproperty-iconSize: 16px;
+}
+
+
+ads--CAutoHideDockContainer #dockAreaCloseButton{
+        qproperty-icon: url(:/ads/images/close-button-focused.svg)
+}
+
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:hover {
+        background: rgba(255, 255, 255, 48);
+        border: none;
+}
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:pressed {
+        background: rgba(255, 255, 255, 96);
+        border: none;
+}
+
+/*****************************************************************************
+ * CAutoHideDockContainer Titlebar and Buttons
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CResizeHandle
+ *****************************************************************************/
+ads--CResizeHandle {
+    background: palette(window);
+}
+
+
+ads--CAutoHideDockContainer[sideBarLocation="0"] ads--CResizeHandle {
+    border-top: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="1"] ads--CResizeHandle {
+    border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="2"] ads--CResizeHandle {
+    border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="3"] ads--CResizeHandle {
+    border-top: 1px solid palette(dark);
+}
+
+
+

src/stylesheets/focus_highlighting.css

@@ -1,18 +1,77 @@
 /*
  * Default style sheet on Windows Platforms with focus highlighting flag enabled
  */
+ 
+ 
+/*****************************************************************************
+ * CDockContainerWidget
+ *****************************************************************************/
 ads--CDockContainerWidget {
-	background: palette(dark);
-}
-ads--CDockContainerWidget > QSplitter{
-        padding: 1 0 1 0;
+	background: palette(window);
 }
 
+
+/*****************************************************************************
+ * CDockSplitter
+ *****************************************************************************/
+ads--CDockContainerWidget > QSplitter {
+	padding: 1 0 1 0;
+}
+
+
+ads--CDockSplitter::handle {
+	background-color: palette(dark);
+	/* uncomment the following line if you would like to change the size of
+       the splitter handles */
+	/* height: 1px; */
+}
+
+
+/*****************************************************************************
+ * CDockAreaWidget
+ *****************************************************************************/
 ads--CDockAreaWidget {
 	background: palette(window);
-	border: 1px solid white;
 }
 
+
+ads--CDockAreaTitleBar {
+	background: transparent;
+	border-bottom: 2px solid palette(light);
+	padding-bottom: 0px;
+}
+
+ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
+	border-bottom: 2px solid palette(highlight);
+}
+
+ads--CTitleBarButton {
+	padding: 0px 0px;
+}
+
+
+#tabsMenuButton::menu-indicator {
+	image: none;
+}
+
+
+#dockAreaCloseButton {
+	qproperty-icon: url(:/ads/images/close-button.svg),
+		url(:/ads/images/close-button-disabled.svg) disabled;
+	qproperty-iconSize: 16px;
+}
+
+#detachGroupButton {
+	qproperty-icon: url(:/ads/images/detach-button.svg),
+		url(:/ads/images/detach-button-disabled.svg) disabled;
+	qproperty-iconSize: 16px;	
+}
+
+
+
+/*****************************************************************************
+ * CDockWidgetTab
+ *****************************************************************************/
 ads--CDockWidgetTab {
 	background: palette(window);
 	border-color: palette(light);
@@ -36,25 +95,6 @@ ads--CDockWidgetTab[activeTab="true"] QLabel {
 	color: palette(foreground);
 }
 
-ads--CDockWidget {
-	background: palette(light);
-	border-color: palette(light);
-	border-style: solid;
-	border-width: 1px 0 0 0;
-}
-
-ads--CTitleBarButton {
-	padding: 0px 0px;
-}
-
-QScrollArea#dockWidgetScrollArea {
-	padding: 0px;
-	border: none;
-}
-
-#tabsMenuButton::menu-indicator {
-	image: none;
-}
 
 #tabCloseButton {
 	margin-top: 2px;
@@ -75,40 +115,21 @@ QScrollArea#dockWidgetScrollArea {
 	background: rgba(0, 0, 0, 48);
 }
 
-#dockAreaCloseButton {
-	qproperty-icon: url(:/ads/images/close-button.svg),
-		url(:/ads/images/close-button-disabled.svg) disabled;
-	qproperty-iconSize: 16px;
-}
-
-#detachGroupButton {
-	qproperty-icon: url(:/ads/images/detach-button.svg),
-		url(:/ads/images/detach-button-disabled.svg) disabled;
-	qproperty-iconSize: 16px;	
-}
-
-ads--CDockSplitter::handle {
-	background-color: palette(dark);
-	/* uncomment the following line if you would like to change the size of
-       the splitter handles */
-	/* height: 1px; */
-}
-
 /* Focus related styling */
 ads--CDockWidgetTab[focused="true"] {
 	background: palette(highlight);
 	border-color: palette(highlight);
 }
 
-ads--CDockWidgetTab[focused="true"]>#tabCloseButton {
+ads--CDockWidgetTab[focused="true"] > #tabCloseButton {
 	qproperty-icon: url(:/ads/images/close-button-focused.svg)
 }
 
-ads--CDockWidgetTab[focused="true"]>#tabCloseButton:hover {
+ads--CDockWidgetTab[focused="true"] > #tabCloseButton:hover {
 	background: rgba(255, 255, 255, 48);
 }
 
-ads--CDockWidgetTab[focused="true"]>#tabCloseButton:pressed {
+ads--CDockWidgetTab[focused="true"] > #tabCloseButton:pressed {
 	background: rgba(255, 255, 255, 92);
 }
 
@@ -116,14 +137,243 @@ ads--CDockWidgetTab[focused="true"] QLabel {
 	color: palette(light);
 }
 
-ads--CDockAreaTitleBar {
-	background: transparent;
-	border-bottom: 2px solid palette(light);
-	padding-bottom: 0px;
+
+
+/*****************************************************************************
+ * CDockWidget
+ *****************************************************************************/
+ads--CDockWidget {
+	background: palette(light);
+	border-color: palette(light);
+	border-style: solid;
+	border-width: 1px 0 0 0;
 }
 
-ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
-	background: transparent;
-	border-bottom: 2px solid palette(highlight);
-	padding-bottom: 0px;
+
+QScrollArea#dockWidgetScrollArea {
+	padding: 0px;
+	border: none;
+}
+
+
+
+/*****************************************************************************
+ *
+ * Styling of auto hide functionality
+ *
+ *****************************************************************************/
+ 
+ 
+/*****************************************************************************
+ * CAutoHideTab
+ *****************************************************************************/
+ads--CAutoHideTab {
+	qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/
+	background: none;
+	border: none;
+	padding-left: 2px;
+	padding-right: 0px;
+	text-align: center;
+	min-height: 20px;
+	padding-bottom: 2px;
+}
+
+
+ads--CAutoHideTab:hover
+{
+	color: palette(highlight);
+}
+
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"]  {
+	border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"] {
+	border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"]  {
+	border-top: 6px solid palette(highlight);
+}
+
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] {
+	border-bottom: 6px solid palette(highlight);
+}
+
+
+/**
+ * Auto hide tabs with icon only
+ */
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"] {
+	border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"] {
+	border-left: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"] {
+	border-right: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"] {
+	border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+/**
+ * Auto hide tabs with icon only hover
+ */
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] {
+	border-top: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] {
+	border-left: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] {
+	border-right: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] {
+	border-bottom: 6px solid palette(highlight);
+}
+
+
+
+/*****************************************************************************
+ * CAutoHideSideBar
+ *****************************************************************************/
+ads--CAutoHideSideBar{
+	background: palette(window);
+	border: none;
+	qproperty-spacing: 12;
+}
+
+#sideTabsContainerWidget {
+	background: transparent;
+}
+
+
+ads--CAutoHideSideBar[sideBarLocation="0"] {
+	border-bottom: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="1"] {
+	border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="2"] {
+	border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="3"] {
+	border-top: 1px solid palette(dark);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer
+ *****************************************************************************/
+ads--CAutoHideDockContainer {
+	background: palette(window);
+}
+
+
+ads--CAutoHideDockContainer ads--CDockAreaTitleBar {
+	background: palette(highlight);
+	padding: 0px;
+	border: none;
+}
+
+
+/*
+ * This is required because the ads--CDockAreaWidget[focused="true"] will 
+ * overwrite the ads--CAutoHideDockContainer ads--CDockAreaTitleBar rule
+ */
+ads--CAutoHideDockContainer ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
+	background: palette(highlight);
+	padding: 0px;
+	border: none;
+}
+
+
+#autoHideTitleLabel {
+	padding-left: 4px;
+	color: palette(light);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer titlebar buttons
+ *****************************************************************************/
+#dockAreaAutoHideButton {
+	qproperty-icon: url(:/ads/images/vs-pin-button.svg);
+	qproperty-iconSize: 16px;
+}
+
+ads--CAutoHideDockContainer #dockAreaAutoHideButton {
+	qproperty-icon: url(:/ads/images/vs-pin-button-pinned-focused.svg);
+	qproperty-iconSize: 16px;
+}
+
+
+ads--CAutoHideDockContainer #dockAreaCloseButton{
+	qproperty-icon: url(:/ads/images/close-button-focused.svg)
+}
+
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:hover {
+	background: rgba(255, 255, 255, 48);
+}
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:pressed {
+	background: rgba(255, 255, 255, 96);
+}
+
+/*****************************************************************************
+ * CAutoHideDockContainer Titlebar and Buttons
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CResizeHandle
+ *****************************************************************************/
+ads--CResizeHandle {
+	background: palette(window);
+}
+
+
+ads--CAutoHideDockContainer[sideBarLocation="0"] ads--CResizeHandle {
+	border-top: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="1"] ads--CResizeHandle {
+	border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="2"] ads--CResizeHandle {
+	border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="3"] ads--CResizeHandle {
+	border-top: 1px solid palette(dark);
 }

src/stylesheets/focus_highlighting_linux.css

@@ -1,9 +1,18 @@
 /*
  * Default style sheet on Linux Platforms with focus highlighting flag enabled
  */
+
+/*****************************************************************************
+ * CDockContainerWidget
+ *****************************************************************************/
 ads--CDockContainerWidget {
-        background: palette(dark);
+        background: palette(window);
 }
+
+
+/*****************************************************************************
+ * CDockSplitter
+ *****************************************************************************/
 ads--CDockContainerWidget > QSplitter{
         padding: 1 0 1 0;
 }
@@ -13,15 +22,64 @@ ads--CDockContainerWidget ads--CDockSplitter::handle {
         background: palette(dark);
 }
 
+
+/*****************************************************************************
+ * CDockAreaWidget
+ *****************************************************************************/
 ads--CDockAreaWidget {
         background: palette(window);
-        border: 1px solid white;
 }
 
 ads--CDockAreaWidget #tabsMenuButton::menu-indicator {
         image: none;
 }
 
+
+ads--CTitleBarButton {
+        padding: 0px 0px;
+}
+
+
+#tabsMenuButton {
+        qproperty-icon: url(:/ads/images/tabs-menu-button.svg);
+        qproperty-iconSize: 16px;
+}
+
+
+#dockAreaCloseButton {
+        qproperty-icon: url(:/ads/images/close-button.svg),
+                url(:/ads/images/close-button-disabled.svg) disabled;
+        qproperty-iconSize: 16px;
+}
+
+
+#detachGroupButton {
+        qproperty-icon: url(:/ads/images/detach-button.svg),
+                url(:/ads/images/detach-button-disabled.svg) disabled;
+        qproperty-iconSize: 16px;
+}
+
+
+
+/*****************************************************************************
+ * CDockAreaTitleBar
+ *****************************************************************************/
+ads--CDockAreaTitleBar {
+        background: transparent;
+        border-bottom: 2px solid palette(light);
+        padding-bottom: 0px;
+}
+
+ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
+        background: transparent;
+        border-bottom: 2px solid palette(highlight);
+        padding-bottom: 0px;
+}
+
+
+/*****************************************************************************
+ * CDockWidgetTab and close button styling
+ *****************************************************************************/
 ads--CDockWidgetTab {
         background: palette(window);
         border-color: palette(light);
@@ -44,33 +102,6 @@ ads--CDockWidgetTab[activeTab="true"] QLabel {
         color: palette(foreground);
 }
 
-ads--CDockWidget {
-        background: palette(light);
-        border-color: palette(light);
-        border-style: solid;
-        border-width: 1px 0 0 0;
-}
-
-ads--CTitleBarButton {
-        padding: 0px 0px;
-}
-
-QScrollArea#dockWidgetScrollArea {
-        padding: 0px;
-        border: none;
-}
-
-#dockAreaCloseButton {
-        qproperty-icon: url(:/ads/images/close-button.svg),
-                url(:/ads/images/close-button-disabled.svg) disabled;
-        qproperty-iconSize: 16px;
-}
-
-#detachGroupButton {
-        qproperty-icon: url(:/ads/images/detach-button.svg),
-                url(:/ads/images/detach-button-disabled.svg) disabled;
-        qproperty-iconSize: 16px;
-}
 
 #tabCloseButton {
         margin-top: 2px;
@@ -92,27 +123,21 @@ QScrollArea#dockWidgetScrollArea {
 }
 
 
-#tabsMenuButton {
-        qproperty-icon: url(:/ads/images/tabs-menu-button.svg);
-        qproperty-iconSize: 16px;
-}
-
-
 /* Focus related styling */
 ads--CDockWidgetTab[focused="true"] {
         background: palette(highlight);
         border-color: palette(highlight);
 }
 
-ads--CDockWidgetTab[focused="true"]>#tabCloseButton {
+ads--CDockWidgetTab[focused="true"] > #tabCloseButton {
         qproperty-icon: url(:/ads/images/close-button-focused.svg)
 }
 
-ads--CDockWidgetTab[focused="true"]>#tabCloseButton:hover {
+ads--CDockWidgetTab[focused="true"] > #tabCloseButton:hover {
         background: rgba(255, 255, 255, 48);
 }
 
-ads--CDockWidgetTab[focused="true"]>#tabCloseButton:pressed {
+ads--CDockWidgetTab[focused="true"] > #tabCloseButton:pressed {
         background: rgba(255, 255, 255, 92);
 }
 
@@ -120,19 +145,28 @@ ads--CDockWidgetTab[focused="true"] QLabel {
         color: palette(light);
 }
 
-ads--CDockAreaTitleBar {
-        background: transparent;
-        border-bottom: 2px solid palette(light);
-        padding-bottom: 0px;
-}
 
-ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
-        background: transparent;
-        border-bottom: 2px solid palette(highlight);
-        padding-bottom: 0px;
+/*****************************************************************************
+ * CDockWidget
+ *****************************************************************************/
+ads--CDockWidget {
+        background: palette(light);
+        border-color: palette(light);
+        border-style: solid;
+        border-width: 1px 0 0 0;
 }
 
 
+QScrollArea#dockWidgetScrollArea {
+        padding: 0px;
+        border: none;
+}
+
+
+
+/*****************************************************************************
+ * Floating widget styling
+ *****************************************************************************/
 ads--CFloatingWidgetTitleBar {
     qproperty-maximizeIcon: url(:/ads/images/maximize-button.svg);
     qproperty-normalIcon: url(:/ads/images/restore-button.svg);
@@ -197,3 +231,227 @@ ads--CFloatingDockContainer[isActiveWindow="true"] #floatingTitleMaximizeButton:
 }
 */
 
+
+/*****************************************************************************
+ *
+ * Styling of auto hide functionality
+ *
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CAutoHideTab
+ *****************************************************************************/
+ads--CAutoHideTab {
+        qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/
+        background: none;
+        border: none;
+        padding-left: 2px;
+        padding-right: 0px;
+        text-align: center;
+        min-height: 20px;
+        padding-bottom: 2px;
+}
+
+
+ads--CAutoHideTab:hover
+{
+        color: palette(highlight);
+}
+
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"]  {
+        border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"] {
+        border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"]  {
+        border-top: 6px solid palette(highlight);
+}
+
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] {
+        border-bottom: 6px solid palette(highlight);
+}
+
+
+/**
+ * Auto hide tabs with icon only
+ */
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"] {
+        border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"] {
+        border-left: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"] {
+        border-right: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"] {
+        border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+/**
+ * Auto hide tabs with icon only hover
+ */
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] {
+        border-top: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] {
+        border-left: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] {
+        border-right: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] {
+        border-bottom: 6px solid palette(highlight);
+}
+
+
+
+/*****************************************************************************
+ * CAutoHideSideBar
+ *****************************************************************************/
+ads--CAutoHideSideBar{
+        background: palette(window);
+        border: none;
+        qproperty-spacing: 12;
+}
+
+#sideTabsContainerWidget {
+        background: transparent;
+}
+
+
+ads--CAutoHideSideBar[sideBarLocation="0"] {
+        border-bottom: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="1"] {
+        border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="2"] {
+        border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="3"] {
+        border-top: 1px solid palette(dark);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer
+ *****************************************************************************/
+ads--CAutoHideDockContainer {
+        background: palette(window);
+}
+
+
+ads--CAutoHideDockContainer ads--CDockAreaTitleBar {
+        background: palette(highlight);
+        padding: 0px;
+        border: none;
+}
+
+
+/*
+ * This is required because the ads--CDockAreaWidget[focused="true"] will
+ * overwrite the ads--CAutoHideDockContainer ads--CDockAreaTitleBar rule
+ */
+ads--CAutoHideDockContainer ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
+        background: palette(highlight);
+        padding: 0px;
+        border: none;
+}
+
+
+#autoHideTitleLabel {
+        padding-left: 4px;
+        color: palette(light);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer titlebar buttons
+ *****************************************************************************/
+#dockAreaAutoHideButton {
+        qproperty-icon: url(:/ads/images/vs-pin-button.svg);
+        qproperty-iconSize: 16px;
+}
+
+ads--CAutoHideDockContainer #dockAreaAutoHideButton {
+        qproperty-icon: url(:/ads/images/vs-pin-button-pinned-focused.svg);
+        qproperty-iconSize: 16px;
+}
+
+
+ads--CAutoHideDockContainer #dockAreaCloseButton{
+        qproperty-icon: url(:/ads/images/close-button-focused.svg)
+}
+
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:hover {
+        background: rgba(255, 255, 255, 48);
+        border: none;
+}
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:pressed {
+        background: rgba(255, 255, 255, 96);
+        border: none;
+}
+
+/*****************************************************************************
+ * CAutoHideDockContainer Titlebar and Buttons
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CResizeHandle
+ *****************************************************************************/
+ads--CResizeHandle {
+    background: palette(window);
+}
+
+
+ads--CAutoHideDockContainer[sideBarLocation="0"] ads--CResizeHandle {
+    border-top: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="1"] ads--CResizeHandle {
+    border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="2"] ads--CResizeHandle {
+    border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="3"] ads--CResizeHandle {
+    border-top: 1px solid palette(dark);
+}
+