<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0cm;
        margin-bottom:.0001pt;
        font-size:12.0pt;
        font-family:"Times New Roman",serif;}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:blue;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:purple;
        text-decoration:underline;}
p.msonormal0, li.msonormal0, div.msonormal0
        {mso-style-name:msonormal;
        mso-margin-top-alt:auto;
        margin-right:0cm;
        mso-margin-bottom-alt:auto;
        margin-left:0cm;
        font-size:12.0pt;
        font-family:"Times New Roman",serif;}
span.EmailStyle18
        {mso-style-type:personal-reply;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-family:"Calibri",sans-serif;
        mso-fareast-language:EN-US;}
@page WordSection1
        {size:612.0pt 792.0pt;
        margin:70.85pt 2.0cm 70.85pt 2.0cm;}
div.WordSection1
        {page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="FI" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal"><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US">Check your { }<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US">… this comment is not true
</span><span lang="EN-US">             } // end of first combo box: interval</span><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US">-kimmo<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<div style="border:none;border-left:solid blue 1.5pt;padding:0cm 0cm 0cm 4.0pt">
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif">From:</span></b><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif"> devel-bounces@lists.sailfishos.org [mailto:devel-bounces@lists.sailfishos.org]
<b>On Behalf Of </b>mariusz sapinski<br>
<b>Sent:</b> 24. helmikuuta 2016 11:45<br>
<b>To:</b> devel@lists.sailfishos.org<br>
<b>Subject:</b> [SailfishDevel] overlapping ComboBoxes<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p>
<div>
<div>
<div>
<div>
<p class="MsoNormal" style="margin-bottom:12.0pt">Hi,<o:p></o:p></p>
</div>
<p class="MsoNormal" style="margin-bottom:12.0pt">   I have two ComboBoxes in one Column. Code looks a bit like that:<br>
<br>
import QtQuick 2.0<br>
import Sailfish.Silica 1.0<br>
<br>
Dialog {<br>
<br>
    id: setupDialog;<br>
    allowedOrientations: Orientation.Portrait;<br>
<br>
    property bool tmpUseMinute: useMinute;<br>
    property bool tmpUseKwadrans: useKwadrans;<br>
    property bool tmpUsePol: usePol;<br>
    property bool tmpUseCala: useCala;<br>
<br>
<br>
    Column {<br>
         id: column;<br>
<br>
         height: parent.height; // - (Theme.paddingMedium);<br>
         anchors.leftMargin: Theme.paddingLarge;<br>
         anchors.rightMargin: Theme.paddingLarge;<br>
         width: setupDialog.width;<br>
         spacing: Theme.paddingLarge;<br>
<br>
         PageHeader {<br>
             title: qsTr("Settings")<br>
         }<br>
<br>
         ComboBox {<br>
             currentIndex: 1<br>
             id: combo1<br>
             label: "interval"<br>
             width: setupDialog.width<br>
             menu: ContextMenu {<br>
                 MenuItem {<br>
                     text: "1 minute (for test)"<br>
                     onClicked: {<br>
                         useMinute = true;<br>
                         useKwadrans = false;<br>
                         usePol = false;<br>
                         useCala = false;<br>
                     }<br>
                 }<br>
                 MenuItem {<br>
                     text: "15 minutes"<br>
                     onClicked: {<br>
                         useMinute=false;<br>
                         useKwadrans = true;<br>
                         usePol = false;<br>
                         useCala = false;<br>
                     }<br>
                 }<br>
             } // end of first combo box: interval<br>
<br>
              ComboBox {<br>
                 currentIndex: 3<br>
                 id: combo2<br>
                 label: "duration"<br>
                 width: setupDialog.width<br>
                 menu: ContextMenu {<br>
                     MenuItem {<br>
                         text: "20 minutes"<br>
                         onClicked: {<br>
                             useTwenty = true;<br>
                             useThirty = false;<br>
                             useFortyFive = false;<br>
                         }<br>
                     }<br>
<br>
                     MenuItem {<br>
                         text: "30 minutes"<br>
                         onClicked: {<br>
                             useTwenty=false;<br>
                             useThirty = true;<br>
                             useFortyFive = false;<br>
                         }<br>
                     }<br>
<br>
                 } // endof ContextMenu<br>
                } // end of second combo box: duration<br>
<br>
<br>
    } // end of Column<br>
<br>
}<br>
}<br>
<br>
<o:p></o:p></p>
</div>
<p class="MsoNormal" style="margin-bottom:12.0pt">my unfortunately both boxes overlap on the screen. What am I missing? I thought Column should take care that the elements inside are correctly positioned.<o:p></o:p></p>
</div>
<p class="MsoNormal">Cheers, Mariusz<o:p></o:p></p>
<div>
<div>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>