jQWidgets Forums

Tagged: combobox, jqxComboBox, jqxTooltip, Tooltip

This topic contains 3 replies, has 3 voices, and was last updated by Gopinadh Devarapalli 11 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Tooltip is not appearing on Combo Box Posts

May 2, 2013 at 5:27 pm Tooltip is not appearing on Combo Box #20484

Aamer

Member

I have created three tootips, one for menu, one for a panel and one for a combo box. Tooltips are appearing fine for menu and panel but not for combo box. what is wrong with the code below. I am using ver 2.8.2

            $("#jqxMenu1").jqxTooltip({ content: '<b>Hint:</b> <i>Click on a cateogry to filter the items below</i>', position: 'bottom', autoHide: false, name: 'categoryTooltip', theme: theme });
            $("#jqxPanel").jqxTooltip({ content: '<b>Hint:</b> <i>Click on an item to view details</i>', position: 'left', autoHide: false, name: 'itemTooltip', theme: theme, width: 200 });
            $("#jqxComboBox").jqxTooltip({ content: '<b>Hint:</b> <i>Select Station Code as the last step of the process</i>', position: 'left', autoHide: false, name: 'stationTooltip', theme: theme, width: 200 });

<div id='jqxMenu1' style="margin-bottom: 20px;"></div>
<div id='jqxComboBox'></div>
<div id='jqxPanel'></div>

May 3, 2013 at 6:29 am Tooltip is not appearing on Combo Box #20508

Dimitar

Participant

Hello Aamer,

We have tested for the compatibility of jqxTooltip with jqxComboBox and everything is working fine on our side. Here is a complete working example (using version 2.8.3 of jQWidgets):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcombobox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtooltip.js"></script>
    <script type="text/javascript">
            $(document).ready(function () {
                var source = [
                    "Affogato",
                    "Americano",
                    "Bicerin",
                    "Breve",
                    "Café Bombón",
                    "Café au lait",
                    "Caffé Corretto",
                    "Café Crema",
                    "Caffé Latte",
		        ];
                $("#jqxcombobox").jqxComboBox({ source: source, selectedIndex: 0, width: '200px', height: '25px' });
                $("#jqxcombobox").jqxTooltip({ content: '<b>Hint:</b> <i>Select Station Code as the last step of the process</i>', position: 'left', autoHide: false, name: 'stationTooltip', width: 200 });
            });
    </script>
</head>
<body>
    <div id='jqxcombobox'>
    </div>
</body>
</html>

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

May 3, 2013 at 12:49 pm Tooltip is not appearing on Combo Box #20532

Aamer

Member

Hi Dimitar,

It is working now. The way I wrote my code is to define all the widgets, the way they appear on the web page i.e. Menu, Combo Box and then the Panel. After this I had tool tip definitions and the tool tip for combo box was not working. Once I moved the Combo Box tool tip definition right after the Combo Box definition, just like you mentioned in your example above, it started appearing.

Thanks for the help.

July 3, 2013 at 6:39 am Tooltip is not appearing on Combo Box #24386

Gopinadh Devarapalli

Participant

How to every list item separate tool tip. not only combo box. total list items show the tool tip.

Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.