<table><tr><td style="">mart created this revision.<br />mart added reviewers: Plasma, Kirigami.<br />Restricted Application added projects: Plasma, Kirigami.<br />Restricted Application added a subscriber: plasma-devel.
</td><a style="text-decoration: none; padding: 4px 8px; margin: 0 8px 8px; float: right; color: #464C5C; font-weight: bold; border-radius: 3px; background-color: #F7F7F9; background-image: linear-gradient(to bottom,#fff,#f1f0f1); display: inline-block; border: 1px solid rgba(71,87,120,.2);" href="https://phabricator.kde.org/D8641" rel="noreferrer">View Revision</a></tr></table><br /><div><strong>REVISION SUMMARY</strong><div><p>Add a new component called FormLayout, which aims to <br />
behave similar to Qwidget's QFormLayout: 2 columns<br />
with labels aligned accordingly to the HIG<br />
when the available space is too small, collapse<br />
to one column only, intended especially for mobile.<br />
intended usage is based on the FormData attached property:<br />
FormLayout {</p>

<div class="remarkup-code-block" style="margin: 12px 0;" data-code-lang="text" data-sigil="remarkup-code-block"><pre class="remarkup-code" style="font: 11px/15px "Menlo", "Consolas", "Monaco", monospace; padding: 12px; margin: 0; background: rgba(71, 87, 120, 0.08);">TextField {
    FormData.label: "Label:"
}
//separed by a line, no titles
Kirigami.Separator {
    Kirigami.FormData.isSection: true
}
TextField {
    FormData.label: "Label2:"
}
//separed by a line, and a title
Kirigami.Separator {
    Kirigami.FormData.isSection: true
    Kirigami.FormData.label: "Section title"
}</pre></div>

<p>}</p></div></div><br /><div><strong>TEST PLAN</strong><div><p>the gallery has a FormLayout page used to test it</p></div></div><br /><div><strong>REPOSITORY</strong><div><div>R169 Kirigami</div></div></div><br /><div><strong>BRANCH</strong><div><div>mart/formlayout</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D8641" rel="noreferrer">https://phabricator.kde.org/D8641</a></div></div><br /><div><strong>AFFECTED FILES</strong><div><div>examples/galleryapp/resources.qrc<br />
examples/gallerydata/contents/ui/MainPage.qml<br />
examples/gallerydata/contents/ui/gallery/FormLayoutGallery.qml<br />
examples/gallerydata/contents/ui/gallery/TextFieldGallery.qml<br />
kirigami.qrc<br />
src/CMakeLists.txt<br />
src/controls/FormLayout.qml<br />
src/formlayoutattached.cpp<br />
src/formlayoutattached.h<br />
src/kirigamiplugin.cpp</div></div></div><br /><div><strong>To: </strong>mart, Plasma, Kirigami<br /><strong>Cc: </strong>plasma-devel, ZrenBot, progwolff, lesliezhai, ali-mohamed, jensreuterberg, abetts, sebas, apol, davidedmundson, mart, hein<br /></div>