voyent
PanelToolTip bug when is inside scrollable PanelGroup  XML
Forum Index -> Components
Author Message
Marioko

Joined: 14/Nov/2006 00:00:00
Messages: 125
Offline


I have a collection of products showed with a panelSeries, that is inside a scrollable panel group. I put a panelTooltip for each product but when the tooltip is visible is showed inside the scrollable region not on top of all. I try the z-index property but dont work..

Code:
  <ice:panelGroup  scrollHeight="488px">
         <ice:panelSeries value="#{insumo.queryResult}" var="ins">
             <ice:panelGroup>
                 <ice:panelGroup panelTooltip="insumoTooltip" draggable="true" styleClass="simpleRectangle"
                                 dragOptions="dragGhost"
                                 dragMask="dragging,drag_cancel,hover_end"
                                 dragValue="#{ins}"
                                 dragListener="#{ordenCompra.dragListener}"
                                 style="cursor:crosshair"
                                 onmouseovereffect="#{ordenCompra.buscadorHover}">                                
                     <ice:panelGrid columns="1">
                         <ice:outputLabel value="#{ins.codigo}" styleClass="smallFont"></ice:outputLabel>
                         <ice:outputText value="#{ins.nombre}" styleClass="smallFont"></ice:outputText>                
                     </ice:panelGrid>                
                 </ice:panelGroup>  
      
                 <ice:panelTooltip id="insumoTooltip" hoverDelay="1000" hideOn="mouseOut" style="width:170px;height:80px;z-order:1000; left-position:0px">
                     <f:facet name="header">
                         <ice:outputText value="#{ins.nombre}" styleClass="smallFont"></ice:outputText>
                     </f:facet>
                     <f:facet name="body">
                         <ice:panelGrid columns="2">
                             <ice:outputText value="Stock minimo:"/>
                             <ice:outputText value="#{ins.stockMinimo}"/>
                             <ice:outputText value="Existencias:"/>
                             <ice:outputText value="#{ins.existenciasBlue + ins.existenciasYellow}"/>
                         </ice:panelGrid>
                     </f:facet>
                 </ice:panelTooltip>
             </ice:panelGroup>
         </ice:panelSeries>
     </ice:panelGroup>


Variable "ins" is the current product. Note panelgroup scrollHeight="488px" this make a scrollable panelgroup

How can solve this problem???
shauii

Joined: 29/Oct/2007 00:00:00
Messages: 15
Offline


Hi,

What browser are you using? Maybe you can try z-index instead?

Rgds,
Marioko

Joined: 14/Nov/2006 00:00:00
Messages: 125
Offline


i tested in IE7, also tried with Z-index, but dont work. The problem is tooltip is rendered inside the scrollable panelGroup if the panelGroupd is not scrollable then its work perfect.
nightspawn

Joined: 21/Feb/2008 00:00:00
Messages: 3
Offline


I have the same problem, did you find a solution since the last post? I can live with the panelGroup not being scrollable right now, but eventually I'm going to have to fix this...

Edit: Ok, 5 seconds after posting this the solution presented itself:

The enclosing panelGroup had (for some reason I can't quite remember) a position:relative CSS-property, removing it solved this issue.
Marioko

Joined: 14/Nov/2006 00:00:00
Messages: 125
Offline


Ohhh thanks, i going to test..
facefab

Joined: 03/Jun/2008 00:00:00
Messages: 44
Offline


Hi,
I had an analogous problem. The tooltip was inside a panelgroup with "dropTarget=true" and the TT was rendering out of sight when I clicked on it. So the solution was to remove the "droptarget=true".

Maybe someone has got a use for the tip:-)

mkat

Joined: 16/Oct/2008 00:00:00
Messages: 96
Offline


I'm having this same issue. I have a datatable with one column. The contents of that column is inside a panelgroup. That panelgroup is setup with drag and drop. When I hover over the text of a row, I see my paneltooltip outside the scrollbars and on top of the table properly in Firefox, but in IE7 it appears inside the table's scrollbars ending up mostly unseen/unreadable. I have tried z-index, etc. but I am out of ideas. I cannot remove the dropTarget=true as suggested because I need that.

Any suggestions? Please help. Thanks.

(Note, I am using 1.8.0)
 
Forum Index -> Components
Go to:   
Powered by JForum 2.1.7ice © JForum Team