Search the Community

I have set a UniPanel.Title text and would like to show a hint when someone mouses over the title. How can I enable a hint to be visible?

I am using the code bellow to display hints when the mouse is over an event... The problem i'm having is that the hint is displayed the second time the mouse goes over the event. I searched the net and i found that the problem is because i create the tooltip inside the eventover .... Is there a workaround??? function eventover(sender, rec, el, eOpts) { var pop_content = "<div id='popup-data'><p><b>Details: </b>" +rec.data.Notes.replace(/\n/g, "<br />")+"</p></div>"; new Ext.ToolTip({ target: el ,title: rec.data.Title ,dismissDelay: 2000 // auto hide after 2 seconds ,anchor: 'top' ,anchorOffset: 85 ,trackMouse: true ,renderTo: Ext.getBody() ,html: pop_content }).show; }

Hello everybody, I would like to know how to work with CSS. What I do: Place a Hint customized as per attached. I have the following CSS code, which for all I know, we put in SeverModule. .tooltip { border-bottom: 1px dotted #000000; color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; } .tooltip span { ; position: absolute; } .tooltip:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 250px; } .tooltip:hover img { border: 0; margin: -10px 0 0 -55px; float: left; position: absolute; } .tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; } .classic { padding: 0.8em 1em; } .custom { padding: 0.5em 0.8em 0.8em 2em; } * html a:hover { background: transparent; } .classic {background: #FFFFAA; border: 1px solid #FFAD33; } .critical { background: #FFCCAA; border: 1px solid #FF3334; } .help { background: #9FDAEE; border: 1px solid #2BB0D7; } .info { background: #9FDAEE; border: 1px solid #2BB0D7; } .warning { background: #FFFFAA; border: 1px solid #FFAD33; } Now, how to make my UniLabel1 to show you the hint as the attached? Grateful for the help ================================================ COMO TRABALHAR COM CSS? Olá pessoal, eu gostaria de saber como trabalhar com o CSS. O que quero fazer: Colocar um Hint personalizado conforme a figura em anexo. Eu tenho o Código CSS a seguir, que pelo que sei, nós colocamos no SeverModule. Agora, como fazer com que meu UniLabel1 mostre para o usuário o hint como a figura em anexo? Grato pela ajuda Fonte: http://sixrevisions.com/css/css-only-tooltips/

Hi everyone, how do I change the background color of Hint? In normal Delphi, I use the command: application.hintColor : = clYellow ...and it gets ok. But in uniGUI this command is not working. Thank you