Is it possible to add a tooltip containing component in Vaadin? -

-

i need display tooltip contains table. table exist customcomponent. 1 of solutions duplicate table in html , use setdescription() method. looks little ugly, on opinion.

what mean ugly? @ examples @ vaadin book - nice.

i tried put table button description. 

button b = new button("button"); b.seticon(fontawesome.legal); b.addstylename(valotheme.button_friendly);  b.setdescription(         "<table>\n" +         "  <tr>\n" +         "    <th style=\"padding: 10px;\">month</th>\n" +         "    <th style=\"padding: 10px;\">savings</th>\n" +         "  </tr>\n" +         "  <tr>\n" +         "    <td style=\"padding: 10px;\">january</td>\n" +         "    <td style=\"padding: 10px;\">$100</td>\n" +         "  </tr>\n" +         "  <tr>\n" +         "    <td style=\"padding: 10px;\">july</td>\n" +         "    <td style=\"padding: 10px;\">$342</td>\n" +         "  </tr>\n" +         "  <tr>\n" +         "    <td style=\"padding: 10px;\">november</td>\n" +         "    <td style=\"padding: 10px;\">$0</td>\n" +         "  </tr>\n" +         "</table>\n"         );

i use valo theme. , result is:

enter image description here

it has size issue because <th> , <td> have padding. simple increase table size makes better:

<table style=\"width:20em\">

enter image description here

you can customize in way. example added border:

enter image description here

you can customize whole tooltip using scss.


Comments

Post a Comment

Popular posts from this blog

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

-
i trying parse date 2014-12-03t10:05:59.5646+08:00 using these 2 formats: yyyy-mm-dd't'hh:mm:ss yyyy-mm-dd't'hh:mm:ssxxx when parse using yyyy-mm-dd't'hh:mm:ss works fine, when parse yyyy-mm-dd't'hh:mm:ssxxx parseexception thrown. which correct format parse date , difference between these 2 formats? note : cannot use joda :( those valid formats: yyyy-mm-dd't'hh:mm:ss.sssz >>> e.g.: 2001-07-04t12:08:56.235-0700 yyyy-mm-dd't'hh:mm:ss.sssxxx >>> e.g.: 2001-07-04t12:08:56.235-07:00 edit: btw, "x" refer (iso 8601 time zone)
Read more

Fatal error: Call to undefined function menu_execute_active_handler() in drupal 7.9 -

-
i in problem, site down. fatal error: call undefined function menu_execute_active_handler() in drupal. please me. as function part of essential codebase, inside includes/menu.inc, please check integrity of source code of drupal. apart that, drupal 7.9 old, insecure release. if security updates not applied, site hacked. check page: https://www.drupal.org/drupalsa05faq if these not help, install xdebug php extension ( http://xdebug.org/ ) , check execution profile, xdebug can stacktrace-included errors, can lot.
Read more

python - RuntimeWarning: PyOS_InputHook is not available for interactive use of PyGTK -

-
i'm using pygtk python 2.7 in ubuntu 14.04, following message: runtimewarning: pyos_inputhook not available interactive use of pygtk what reason ? when trigger? trying run script or use pygtk interactively? most likely, input hook grabbed interactive loop, e.g.: >>> import tkinter >>> root = tkinter.tk() # input hook grabbed tkinter immediate result evaluation >>> import gtk # gtk tries grab hook, fails /usr/lib/python2.7/dist-packages/gtk-2.0/gtk/__init__.py:127: runtimewarning: pyos_inputhook not available interactive use of pygtk the immediate result evaluation means expression results evaluated (e.g. window displayed) before entering main loop. have in mind, warning, not error, if bothers you, can import gtk module can (or, well, reasonably early) , release input hook: import gtk gtk.set_interactive(false) import tkinter root = tkinter.tk() # no warning here
Read more