Hi Alex,
I created a topmost sprite that floats over all the content just
like a selectedLayer in ListBase.as, it works fine but toolip is hidden behind
it, for tooltip I am doing
var barToolTip:ToolTip = ToolTipManager.createToolTip(x,y,text);
and i am getting the x and y coordinates from event.stageX and event.stageY,
but this tooltip gets hidden behind the selection layer.
----- Original Message ----
From: Alex Harui <[EMAIL PROTECTED]>
To: [email protected]; Flex Coders <[email protected]>
Sent: Monday, November 27, 2006 2:08:30 AM
Subject: RE: [flexcomponents] drawing a stack of rectangle ?
One way is to create a topmost sprite that
floats over all the content and draw the highlight rectangle on that. Another
is to change the child index of the rectangle so it is on top of the others.
It sort of depends on what visual effect you want.
From: flexcomponents@ yahoogroups. com [mailto: flexcomponents@ yahoogroups.
com ] On Behalf Of arpan srivastava
Sent: Saturday, November 25, 2006
10:52 PM
To: Flex Coders; Flex Components
Subject: [flexcomponents] drawing
a stack of rectangle ?
Hi,
I am drawing a stack which contans rectangles of different depending on
some value. rectangles are drawn but they are overlapping each other by 1 or 2
pixels at the end.
I have to highlight the rectangles also, for that I am creating a rectangle on
mouseOver event and adding the rectangle on the same rectangle that I am
highlighting, but this way the lower border of the highlighter gets covered by
the rectangle below that.
<!--
#ygrp-mlmsg {font-size:13px;font-family:arial,helvetica,clean,sans-serif;}
#ygrp-mlmsg table {font-size:inherit;font:100%;}
#ygrp-mlmsg select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
#ygrp-mlmsg pre, code {font:115% monospace;}
#ygrp-mlmsg * {line-height:1.22em;}
#ygrp-text{
font-family:Georgia;
}
#ygrp-text p{
margin:0 0 1em 0;
}
#ygrp-tpmsgs{
font-family:Arial;
clear:both;
}
#ygrp-vitnav{
padding-top:10px;
font-family:Verdana;
font-size:77%;
margin:0;
}
#ygrp-vitnav a{
padding:0 1px;
}
#ygrp-actbar{
clear:both;
margin:25px 0;
white-space:nowrap;
color:#666;
text-align:right;
}
#ygrp-actbar .left{
float:left;
white-space:nowrap;
}
.bld{font-weight:bold;}
#ygrp-grft{
font-family:Verdana;
font-size:77%;
padding:15px 0;
}
#ygrp-ft{
font-family:verdana;
font-size:77%;
border-top:1px solid #666;
padding:5px 0;
}
#ygrp-mlmsg #logo{
padding-bottom:10px;
}
#ygrp-vital{
background-color:#e0ecee;
margin-bottom:20px;
padding:2px 0 8px 8px;
}
#ygrp-vital #vithd{
font-size:77%;
font-family:Verdana;
font-weight:bold;
color:#333;
text-transform:uppercase;
}
#ygrp-vital ul{
padding:0;
margin:2px 0;
}
#ygrp-vital ul li{
list-style-type:none;
clear:both;
border:1px solid #e0ecee;
}
#ygrp-vital ul li .ct{
font-weight:bold;
color:#ff7900;
float:right;
width:2em;
text-align:right;
padding-right:.5em;
}
#ygrp-vital ul li .cat{
font-weight:bold;
}
#ygrp-vital a {
text-decoration:none;
}
#ygrp-vital a:hover{
text-decoration:underline;
}
#ygrp-sponsor #hd{
color:#999;
font-size:77%;
}
#ygrp-sponsor #ov{
padding:6px 13px;
background-color:#e0ecee;
margin-bottom:20px;
}
#ygrp-sponsor #ov ul{
padding:0 0 0 8px;
margin:0;
}
#ygrp-sponsor #ov li{
list-style-type:square;
padding:6px 0;
font-size:77%;
}
#ygrp-sponsor #ov li a{
text-decoration:none;
font-size:130%;
}
#ygrp-sponsor #nc {
background-color:#eee;
margin-bottom:20px;
padding:0 8px;
}
#ygrp-sponsor .ad{
padding:8px 0;
}
#ygrp-sponsor .ad #hd1{
font-family:Arial;
font-weight:bold;
color:#628c2a;
font-size:100%;
line-height:122%;
}
#ygrp-sponsor .ad a{
text-decoration:none;
}
#ygrp-sponsor .ad a:hover{
text-decoration:underline;
}
#ygrp-sponsor .ad p{
margin:0;
}
o {font-size:0;}
.MsoNormal {
margin:0 0 0 0;
}
#ygrp-text tt{
font-size:120%;
}
blockquote{margin:0 0 0 4px;}
.replbq {margin:4;}
-->
