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

c# - Get rid of xmlns attribute when adding node to existing xml -

-
i have xml-file: <ns2:root xmlns:ns2="namespace"> <ns2:a> <ns2:b>some content</b> <ns2:c>some content</c> <ns2:d>some content</d> </a> </root> i need add new node in specific place, code is: var doc = xdocument.load(file); xnamespace ns2 = "namespace"; doc.element(ns2 + "root").element(ns2 + "a").element(ns2 + "c").addafterself( new xelement(ns2+"new", new xelement("new1", new xelement("new2","some content"), new xelement("new3", "some content")))); the output is: <ns2:root xmlns:ns2="namespace"> <ns2:a> <ns2:b>some content</b> <ns2:c>some content</c> <ns2:new> <new1 xmlns=""> <new2>some content</new2> ...
Read more