<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#FFFFFF" text="#000000">
Hi,<br>
Trying to set up a GUI.<br>
I have a nice small pulldown menu within a rectangle, clip:true.<br>
Still, below the rectangle a shady column appears when I pull down
the menu.<br>
code:<br>
<font color="#009900"><big><font face="Times New Roman, Times,
serif"><small> MyGroupBox {<br>
visible : true<br>
id: r1<br>
y :40<br>
anchors.left : parent.left<br>
width: 350<br>
height : 121<br>
MInnerRectangle<br>
{<br>
SilicaFlickable {<br>
id : fl<br>
anchors.fill: parent<br>
clip : true<br>
contentHeight: childrenRect.height<br>
PullDownMenu {<br>
id : pmenu<br>
background: Rectangle {<br>
anchors<br>
{<br>
fill: parent<br>
bottomMargin: parent.spacing<br>
}<br>
opacity: 1.0<br>
color: "#000000"
//theme.highlightColor<br>
}<br>
MMenuItem<br>
{<br>
id: timerStartRadioButton<br>
text: "RUN/CONTINUE"<br>
//onClicked :
{pmenu.cancelBounceBack(); console.log("Clicked Option 1")}<br>
}<br>
MMenuItem<br>
{<br>
id: timerStopRadioButton<br>
text: "STOP"<br>
//onClicked :
{pmenu.cancelBounceBack(); console.log("Clicked Option 1")}<br>
}<br>
MMenuItem<br>
{<br>
id: timerButton<br>
text: "RESET"<br>
//onClicked :
{pmenu.cancelBounceBack(); console.log("Clicked Option 1")}<br>
}<br>
}</small></font></big></font><br>
<br>
see attched screenshot (when menu [with different colors] is pulled
down.)<br>
<br>
Any hints?<br>
Thanks.<br>
<br>
</body>
</html>