ListDetailView

#include <FluentQt/Layout.h>
using namespace fluent::layout;

auto* panel = new QWidget(this);
auto* body = new QVBoxLayout(panel);
body->setContentsMargins(0, 0, 0, 0);
body->setSpacing(12);
auto* width = new ComboBox(panel);
width->setAccessibleName("Preview width");
width->addItems({"Wide preview", "Narrow preview"});
body->addWidget(width, 0, Qt::AlignLeft);
auto* view = new fluent::layout::ListDetailView(panel);
view->setCompactThreshold(520);
view->setMaximumWidth(640);
view->setFixedHeight(156);
body->addWidget(view, 0, Qt::AlignLeft);
auto* list = new QVBoxLayout(view->listPane());
list->addWidget(new Label("Notes", view->listPane()));
auto* open = new Button("Open meeting note", view->listPane());
list->addWidget(open);
list->addStretch();
auto* detail = new QVBoxLayout(view->detailPane());
auto* back = new Button("Back to notes", view->detailPane());
back->setFluentStyle(Button::Subtle);
back->setVisible(view->isCompact());
detail->addWidget(back, 0, Qt::AlignLeft);
detail->addWidget(new Label("Meeting note", view->detailPane()));
auto* editor = new LineEdit(view->detailPane());
editor->setAccessibleName("Note draft");
editor->setText("Discuss the next release");
detail->addWidget(editor);
detail->addStretch();
connect(open, &Button::clicked, view, &fluent::layout::ListDetailView::showDetail);
connect(back, &Button::clicked, view, &fluent::layout::ListDetailView::showList);
connect(view, &fluent::layout::ListDetailView::compactChanged, back, &QWidget::setVisible);
connect(width, qOverload<int>(&ComboBox::currentIndexChanged), view, [view](int index) {
    view->setMaximumWidth(index == 0 ? 640 : 360);
});

import fluentqt

from PySide6.QtCore import Qt
from PySide6.QtWidgets import QVBoxLayout, QWidget

panel = QWidget()
body = QVBoxLayout(panel)
body.setContentsMargins(0, 0, 0, 0)
body.setSpacing(12)
width = fluentqt.ComboBox(panel)
width.setObjectName("listDetailPreviewWidth")
width.setAccessibleName("Preview width")
width.addItems(["Wide preview", "Narrow preview"])
body.addWidget(width, 0, Qt.AlignLeft)
view = fluentqt.ListDetailView(panel)
view.setObjectName("basicListDetailView")
view.setCompactThreshold(520)
view.setMaximumWidth(640)
view.setFixedHeight(156)
body.addWidget(view, 0, Qt.AlignLeft)
list_layout = QVBoxLayout(view.listPane())
list_layout.addWidget(fluentqt.Label("Notes", view.listPane()))
open_button = fluentqt.Button("Open meeting note", view.listPane())
list_layout.addWidget(open_button)
list_layout.addStretch()
detail_layout = QVBoxLayout(view.detailPane())
back = fluentqt.Button("Back to notes", view.detailPane())
back.setFluentStyle(fluentqt.Button.Subtle)
back.setVisible(view.isCompact())
detail_layout.addWidget(back, 0, Qt.AlignLeft)
detail_layout.addWidget(fluentqt.Label("Meeting note", view.detailPane()))
editor = fluentqt.LineEdit(view.detailPane())
editor.setAccessibleName("Note draft")
editor.setText("Discuss the next release")
detail_layout.addWidget(editor)
detail_layout.addStretch()
open_button.clicked.connect(view.showDetail)
back.clicked.connect(view.showList)
view.compactChanged.connect(back.setVisible)
width.currentIndexChanged.connect(
    lambda index: view.setMaximumWidth(640 if index == 0 else 360)
)