Add Tooltip to node's icon - extjs4.2

I have a tree of nodes and each node has its own icon.
what I want to do is to add a tooltip for each node's icon.
In fact, using qtip will add a tooltip to the whole node (node row) and it is not what i need.
So is it possible to do that in somehow?
Thanks,

You should implement it in a similar way as it is done in this example.
Set a respective .Delegate for a ToolTip.
Define a custom attribute in a Node's CustomAttributes that contains a tooltip text for the icon and show that in a ToolTip's onShow.

Related

AEM - Classic UI - Can we implement tooltip on Classic UI dialogue CQ widgets? If possible, how can we do it?

I am working on AEM Classic UI and I want to add a checkbox widget inside dialouge and to add a tooltip on it. Is that possible to add a tooltip or on mouse hover text inside dialogue on cq widgets? If possible, how can we implement it?
I found the solution.
The answer is NO. We can't implement direct tooltip inside dialogue box.
But we can implement a short text that works like tooltip.
eg:
feildLabel = <p title="Trust me! I am tooltip!!">Hover over me</p>
Note: In the above example, the tooltip text will appear only if we place the mouse over the base text for more then 1 second. There is an delay for a second.
We can implement tooltip in classic UI. Here below I gave the node structure to implement that.
Node Structure:
=> nt:unstructured
=> tooltip
jcr:primaryType = nt:unstructured
autoHide = true(Boolean)
title = title for tooltip
text = text for tooltip

Change the border's color of a button in Unity3D

I began to work with Unity3D since one month and I'm trying to do an application which contains a menu, composed by a panel and several buttons. At this moment, I'm trying to customize the menu, I change the fill color of the panel and buttons, but until now I could not change the border color of the buttons. There is any way to customize the border's color of the UI buttons? I would appreciate your help. :)
The easiest way to add an outline to your button is to use the Outline component (doc).
Simply add the Outline component where your button image or text is. Then configure it how you like it :)
The above results in the following button:
No, you can not change just border color. If you use default buttons, take a look at Source image. It is basically a grey square with black borders. So when you change color of image black color remains black.
To customize buttons as you want you need either create nested UI elements:
or create sprites with colors you want and replace source image
I find nested UI elements to be the easiest way to do something like this. Simple example:
Start out by creating a panel and change the scale until you get the desired size for your button. This will be your "borders".
Next create another panel as a child of the panel you just made and change the scale to be just slightly smaller than your first panel and change the color.
In the Inspector for your panel, add component and type in Button and add it as a component.
Finally, add a text as a child of your panel for a label and you're done.

How to check which place in panel was clicked? GWT

How can I check which place in Panel Was clicked? I know, I have this some functions:
getClientX, getClientY, getNativeButton, getRelativeX, getRelativeY, getScreenX, getScreenY, getX, getY
but how can I check which click Was near right side of panel and which was near left side of the panel?
I can't add to the Panel two div's with 50% width and detect in that way..
More info:
It's a lot of panels. I must do this in each of panel. I don't know how many panels we have. We have got a constans width of each panel = 400px.
Regards!
Assuming you're handling an onClick event or similar for a panel, you can get the cursor position with getClientX or something similar. Then just get the position and size of the panel and simply check what you're closet to; all elements are rectangular, so shouldn't be too difficult to just write four ifs for it.
The getElement() method will give you the panel's underlying element, so you may need to use that to get the exact size and position.

How to Make Container Fill The Form in LWUIT

I have a Form that take a BoxLayout, to be able to add different custom controls one after the other in the Y-AXIS
but there is a Component that I need to add in the bottom of the screen, but as I'm using the BoxLayout so I can't fix it size to bottom of the screen
So I think that I can set that Container of the control to fill the parent Form
So the question is how to make Container fill the parent Form in LWUIT
Thanks in Advance
Why don't you try to put a BorderLayout in the Form?
You can put Containers in CENTER and SOUTH positions, and they let you place your controls as you want (BoxLayout Axis Y in the center).
Is that what you want?

Display different set of buttons for different instances of tiny mce

I'm adding text area dynamically, which will be instance of tine mce. In a page, I will be adding text area for say heading, paragraph etc. For heading, I need to have only b,I,U and align buttons displayed, also for p, I need a different set of buttons.
Is it possible ?
How to do if possible ?
As far as i can see you want to have different instances of tinymce on a page.
All you need to do is to initialize each tinymce instance with an own configuration.
you can